diff --git a/web/modals/search-modal.css b/web/modals/search-modal.css --- a/web/modals/search-modal.css +++ b/web/modals/search-modal.css @@ -2,5 +2,4 @@ display: flex; flex-direction: column; overflow: hidden; - margin: 16px; } diff --git a/web/modals/threads/subchannels/subchannels-modal.css b/web/modals/threads/subchannels/subchannels-modal.css --- a/web/modals/threads/subchannels/subchannels-modal.css +++ b/web/modals/threads/subchannels/subchannels-modal.css @@ -3,8 +3,7 @@ flex-direction: column; overflow: auto; row-gap: 8px; - width: 383px; - height: 458px; + height: 80vh; } div.noSubchannels { @@ -16,8 +15,8 @@ font-size: var(--m-font-18); line-height: var(--line-height-text); color: var(--subchannels-modal-color); - padding: 8px 16px; column-gap: 8px; + padding-top: 16px; } .subchannelContainer:hover { diff --git a/web/modals/threads/subchannels/subchannels-modal.react.js b/web/modals/threads/subchannels/subchannels-modal.react.js --- a/web/modals/threads/subchannels/subchannels-modal.react.js +++ b/web/modals/threads/subchannels/subchannels-modal.react.js @@ -58,7 +58,7 @@ name="Subchannels" searchPlaceholder="Search" onClose={onClose} - size="fit-content" + size="large" > {subchannelsContent}