@sendbird/uikit-react 3.13.3 → 3.13.5-rc.0

package/cjs/ui/TextMessageItemBody.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-var tokenize = require('../chunks/bundle-CQiNKK2y.js');
-var index$1 = require('../chunks/bundle-2ATovRxE.js');
-var consts = require('../chunks/bundle-BO1-msX2.js');
-require('../chunks/bundle-B3Lu20wG.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+var tokenize = require('../chunks/bundle-BPTvzYgs.js');
+var index$1 = require('../chunks/bundle-BpGto-VH.js');
+var consts = require('../chunks/bundle-BayeWNAn.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-BRK_iLdr.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
-require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-2xKFe-Ve.js');
+require('../chunks/bundle-B0BbNBmF.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
@@ -20,15 +20,15 @@ require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-S09sS9Ub.js');
+require('../chunks/bundle-B8pX7K7r.js');
 require('./UserProfile.js');
-require('../chunks/bundle-tbYf0yOX.js');
+require('../chunks/bundle-DVkhqKSm.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DcVYwXP-.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-DkGYX29W.js');
+require('../chunks/bundle-B-nDgVPB.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BKgpGWUf.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-BSCAuA6F.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

package/cjs/ui/ThreadReplies.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
+var ui_Avatar = require('../chunks/bundle-BKgpGWUf.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-require('../chunks/bundle-B3Lu20wG.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-HXyGAP9T.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BSCAuA6F.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
 
 function ThreadReplies(_a) {
     var _b;

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
-var utils$1 = require('../chunks/bundle-Bc6y_vRE.js');
-var useLongPress = require('../chunks/bundle-BNCNRHux.js');
-var utils = require('../chunks/bundle-BSLZ5pEu.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
+var utils$1 = require('../chunks/bundle-DJqK0cd_.js');
+var useLongPress = require('../chunks/bundle-aBhNLFP5.js');
+var utils = require('../chunks/bundle-BRvKbtEh.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
-require('../chunks/bundle-1FXPxsfD.js');
+require('../chunks/bundle-2xKFe-Ve.js');
+require('../chunks/bundle-Dpz7XwYt.js');
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;

package/cjs/ui/Toggle.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 

package/cjs/ui/Tooltip.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.js');
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;

package/cjs/ui/TooltipWrapper.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
 
 var SPACE_FROM_TRIGGER = 8;

package/cjs/ui/TypingIndicatorBubble.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
-require('../chunks/bundle-B3Lu20wG.js');
+var ui_Avatar = require('../chunks/bundle-BKgpGWUf.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BSCAuA6F.js');
 require('./Icon.js');
 
 var TypingDots = function () {

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-require('../chunks/bundle-B3Lu20wG.js');
-require('../chunks/bundle-prE7SKQr.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-BRK_iLdr.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
-require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-2xKFe-Ve.js');
+require('../chunks/bundle-B0BbNBmF.js');
 
 function UnknownMessageItemBody(_a) {
     var _b;

package/cjs/ui/UserListItem.js

@@ -1,23 +1,23 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-B3Lu20wG.js');
+var _tslib = require('../chunks/bundle-CLnbrskP.js');
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
+var UserProfileContext = require('../chunks/bundle-DVkhqKSm.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+var ui_Avatar = require('../chunks/bundle-BKgpGWUf.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BSCAuA6F.js');
 require('./Icon.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DcVYwXP-.js');
+require('../chunks/bundle-B-nDgVPB.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
@@ -25,11 +25,11 @@ require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-S09sS9Ub.js');
-require('../chunks/bundle-Tx6vw4BY.js');
+require('../chunks/bundle-B8pX7K7r.js');
+require('../chunks/bundle-DOGq2iE2.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-2xKFe-Ve.js');
 
 function UserListItem(_a) {
     var user = _a.user, className = _a.className, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, currentUser = _a.currentUser, action = _a.action, onChange = _a.onChange, _b = _a.avatarSize, avatarSize = _b === void 0 ? '40px' : _b, onClick = _a.onClick, onUserAvatarClick = _a.onUserAvatarClick;
@@ -44,7 +44,7 @@ function UserListItem(_a) {
             'sendbird-user-list-item',
         ], false).join(' '), ref: parentRef },
         (user === null || user === void 0 ? void 0 : user.isMuted) && (React.createElement(ui_MutedAvatarOverlay, { height: 40, width: 40 })),
-        React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-user-list-item__avatar", ref: avatarRef, src: user.profileUrl, width: avatarSize, height: avatarSize, onClick: function () {
+        React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.Avatar, { className: "sendbird-user-list-item__avatar", ref: avatarRef, src: (user === null || user === void 0 ? void 0 : user.profileUrl) || (user === null || user === void 0 ? void 0 : user.plainProfileUrl) || '', width: avatarSize, height: avatarSize, onClick: function () {
                     var _a;
                     if (!disableUserProfile) {
                         toggleDropdown();

package/cjs/ui/UserProfile.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
-var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
+var LocalizationContext = require('../chunks/bundle-DFkMChBA.js');
+var UserProfileContext = require('../chunks/bundle-DVkhqKSm.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
-var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+var ui_Avatar = require('../chunks/bundle-BKgpGWUf.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
-require('../chunks/bundle-DcVYwXP-.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
+require('../chunks/bundle-B-nDgVPB.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-BSCAuA6F.js');
 require('./Icon.js');
 require('../withSendbird.js');
 

package/cjs/ui/VoiceMessageInput.js

@@ -5,15 +5,15 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../chunks/bundle-B-njjZtk.js');
-require('../chunks/bundle-DvduWWQk.js');
-var ui_VoiceMessageInput = require('../chunks/bundle-Vn-fJ6dU.js');
-require('../chunks/bundle-BBS4PSSm.js');
-require('../chunks/bundle-B3Lu20wG.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-BpwSTA3F.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-VgJs6iNk.js');
+require('../chunks/bundle-DFkMChBA.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-BU-xcu3d.js');
+require('../chunks/bundle-D1zKgsap.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-Cx8ZK18S.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-B0BbNBmF.js');
 
 
 

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,18 +8,18 @@ var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var ui_PlaybackTime = require('./PlaybackTime.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
-var VoicePlayer_context = require('../chunks/bundle-CKC-b4Bw.js');
-require('../chunks/bundle-BBS4PSSm.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
+var VoicePlayer_context = require('../chunks/bundle-Ch5MqKuj.js');
+require('../chunks/bundle-D1zKgsap.js');
 require('../VoiceRecorder/context.js');
-require('../chunks/bundle-DvduWWQk.js');
-require('../chunks/bundle-prE7SKQr.js');
-require('../chunks/bundle-D_qbYkHk.js');
-require('../chunks/bundle-BJD09510.js');
-require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-DFkMChBA.js');
+require('../chunks/bundle-BRK_iLdr.js');
+require('../chunks/bundle-B0BbNBmF.js');
+require('../chunks/bundle-DgnoCWfd.js');
+require('../chunks/bundle-CLnbrskP.js');
 require('react-dom');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-1FXPxsfD.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-Dpz7XwYt.js');
 require('./IconButton.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

package/cjs/ui/Word.js

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+var ui_Label = require('../chunks/bundle-VgJs6iNk.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var index = require('../chunks/bundle-Tx6vw4BY.js');
+var index = require('../chunks/bundle-DOGq2iE2.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-B3Lu20wG.js');
-require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-CLnbrskP.js');
+require('../chunks/bundle-BRK_iLdr.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-2xKFe-Ve.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-S09sS9Ub.js');
+require('../chunks/bundle-B8pX7K7r.js');
 require('./UserProfile.js');
-require('../chunks/bundle-DvduWWQk.js');
-require('../chunks/bundle-D_qbYkHk.js');
-require('../chunks/bundle-tbYf0yOX.js');
+require('../chunks/bundle-DFkMChBA.js');
+require('../chunks/bundle-B0BbNBmF.js');
+require('../chunks/bundle-DVkhqKSm.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DcVYwXP-.js');
-require('../chunks/bundle-Bc6y_vRE.js');
-require('../chunks/bundle-DkGYX29W.js');
+require('../chunks/bundle-B-nDgVPB.js');
+require('../chunks/bundle-DJqK0cd_.js');
+require('../chunks/bundle-BKgpGWUf.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-BSCAuA6F.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

package/cjs/useSendbirdStateContext.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./chunks/bundle-B3Lu20wG.js');
+require('./chunks/bundle-CLnbrskP.js');
 
 /**
  * Example:

package/cjs/utils/message/isVoiceMessage.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('../../chunks/bundle-Tx6vw4BY.js');
-require('../../chunks/bundle-B3Lu20wG.js');
+var index = require('../../chunks/bundle-DOGq2iE2.js');
+require('../../chunks/bundle-CLnbrskP.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
-require('../../chunks/bundle-HOuE7syZ.js');
+require('../../chunks/bundle-2xKFe-Ve.js');
 
 var isVoiceMessage = index.isVoiceMessage;
 

package/cjs/withSendbird.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./chunks/bundle-B3Lu20wG.js');
+var _tslib = require('./chunks/bundle-CLnbrskP.js');
 var React = require('react');
 
 var SendbirdSdkContext = React.createContext(null);

package/dist/index.css

@@ -4150,46 +4150,46 @@ div.sendbird-text-message-item-body {
 }
 @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap');
 
-.sb-message-template__border{
+.sb-message-template__border {
   position: relative;
 }
 
 .sb-message-template__border::after {
-  content:'';
+  content: '';
   position: absolute;
   top: 0;
-  bottom:0;
-  left:0;
+  bottom: 0;
+  left: 0;
   right: 0;
   z-index: 1;
   box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
   border-radius: var(--border-radius);
 }
 
-
 .sb-message-template__action {
   cursor: pointer;
 }
+
 .sb-message-template__parent {
   font-family: 'Roboto';
 }
-.sendbird-theme--light
-.sb-message-template__box {
+
+.sendbird-theme--light .sb-message-template__box {
   background-color: #eee;
 }
-.sendbird-theme--dark
-.sb-message-template__box {
+
+.sendbird-theme--dark .sb-message-template__box {
   background-color: #2c2c2c;
 }
 
-.sendbird-theme--light
-.sb-message-template__text {
+.sendbird-theme--light .sb-message-template__text {
   color: rgba(0, 0, 0, 0.88);
 }
-.sendbird-theme--dark
-.sb-message-template__text {
+
+.sendbird-theme--dark .sb-message-template__text {
   color: rgba(255, 255, 255, 0.88);
 }
+
 .sb-message-template__text {
   font-family: inherit;
   font-size: 14px;
@@ -4201,16 +4201,16 @@ div.sendbird-text-message-item-body {
   text-align: left;
 }
 
-.sendbird-theme--light
-.sb-message-template__text-button {
+.sendbird-theme--light .sb-message-template__text-button {
   background-color: #e0e0e0;
   color: #742ddd;
 }
-.sendbird-theme--dark
-.sb-message-template__text-button {
+
+.sendbird-theme--dark .sb-message-template__text-button {
   background-color: #393939;
   color: #c2a9fa;
 }
+
 .sb-message-template__text-button {
   padding: 10px 20px;
   border-radius: 6px;
@@ -4239,9 +4239,25 @@ div.sendbird-text-message-item-body {
 .sb-message-template__parent {
   border-radius: 8px;
   overflow: hidden;
+  background-color: #cecece;
 }
 
+.sb-message-template__parent * {
+  box-sizing: border-box;
+}
 
+.sb-message-template__carousel {
+  display: flex;
+  width: 100%;
+  box-sizing: border-box;
+  touch-action: pan-y;
+}
+
+.sb-message-template__parent:has(> .sb-message-template__carousel:first-child) {
+  border-radius: unset;
+  background-color: transparent;
+  overflow: visible;
+}
 .sendbird-message-template__root * {
   box-sizing: border-box;
 }
@@ -5832,8 +5848,14 @@ div.sendbird-text-message-item-body {
 .sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge .sendbird-label {
   color: var(--sendbird-dark-ondark-02);
 }
+.sendbird-theme--light .sendbird-accordion.sendbird-accordion--closed {
+  border-bottom: 0px;
+}
+.sendbird-theme--dark .sendbird-accordion.sendbird-accordion--closed {
+  border-bottom: 0px;
+}
+
 .sendbird-accordion {
-  padding: 8px 0px 16px 0px;
   position: relative;
   box-sizing: border-box;
 }
@@ -5857,6 +5879,11 @@ div.sendbird-text-message-item-body {
   margin-top: 8px;
 }
 
+.sendbird-accordion__list {
+  padding-top: 8px;
+  padding-bottom: 16px;
+}
+
 .sendbird-accordion__panel-header {
   cursor: pointer;
   position: relative;