diff --git a/web/components/tabs.css b/web/components/tabs.css
--- a/web/components/tabs.css
+++ b/web/components/tabs.css
@@ -3,6 +3,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  max-height: 100%;
 }
 div.tabsHeaderContainer {
   display: flex;
diff --git a/web/modals/threads/members/members-modal.css b/web/modals/threads/members/members-modal.css
--- a/web/modals/threads/members/members-modal.css
+++ b/web/modals/threads/members/members-modal.css
@@ -1,3 +1,8 @@
+div.modalContentContainer {
+  width: 383px;
+  height: 617px;
+}
+
 div.membersList {
   overflow: scroll;
   padding: 8px 0;
diff --git a/web/modals/threads/members/members-modal.react.js b/web/modals/threads/members/members-modal.react.js
--- a/web/modals/threads/members/members-modal.react.js
+++ b/web/modals/threads/members/members-modal.react.js
@@ -11,6 +11,7 @@
 import { useSelector } from '../../../redux/redux-utils';
 import SearchModal from '../../search-modal.react';
 import ThreadMembersList from './members-list.react';
+import css from './members-modal.css';
 
 type ContentProps = {
   +searchText: string,
@@ -69,10 +70,12 @@
   );
 
   return (
-    <Tabs.Container activeTab={tab} setTab={setTab}>
-      {allUsersTab}
-      {allAdminsTab}
-    </Tabs.Container>
+    <div className={css.modalContentContainer}>
+      <Tabs.Container activeTab={tab} setTab={setTab}>
+        {allUsersTab}
+        {allAdminsTab}
+      </Tabs.Container>
+    </div>
   );
 }
 
@@ -93,6 +96,7 @@
       name="Members"
       searchPlaceholder="Search members"
       onClose={onClose}
+      size="fit-content"
     >
       {renderModalContent}
     </SearchModal>