diff --git a/web/modals/threads/thread-settings-modal.css b/web/modals/threads/thread-settings-modal.css
--- a/web/modals/threads/thread-settings-modal.css
+++ b/web/modals/threads/thread-settings-modal.css
@@ -1,8 +1,4 @@
 div.modal_body {
-  padding: 20px;
-  background-color: var(--modal-bg);
-  border-radius: 16px;
-  flex: 1;
   display: flex;
   flex-direction: column;
 }
@@ -11,6 +7,9 @@
   font-size: 14px;
   text-align: center;
 }
+div.tab_body {
+  padding: 20px;
+}
 div.modal_form_error {
   display: flex;
   justify-content: center;
diff --git a/web/modals/threads/thread-settings-modal.react.js b/web/modals/threads/thread-settings-modal.react.js
--- a/web/modals/threads/thread-settings-modal.react.js
+++ b/web/modals/threads/thread-settings-modal.react.js
@@ -111,14 +111,16 @@
 
     const tabs = [
       <Tabs.Item id="general" header="General" key="general">
-        <ThreadSettingsGeneralTab
-          inputDisabled={inputDisabled}
-          threadInfo={threadInfo}
-          threadNamePlaceholder={namePlaceholder}
-          queuedChanges={queuedChanges}
-          setQueuedChanges={setQueuedChanges}
-          setErrorMessage={setErrorMessage}
-        />
+        <div className={css.tab_body}>
+          <ThreadSettingsGeneralTab
+            inputDisabled={inputDisabled}
+            threadInfo={threadInfo}
+            threadNamePlaceholder={namePlaceholder}
+            queuedChanges={queuedChanges}
+            setQueuedChanges={setQueuedChanges}
+            setErrorMessage={setErrorMessage}
+          />
+        </div>
       </Tabs.Item>,
     ];
 
@@ -134,13 +136,15 @@
     if (canSeePrivacyTab) {
       tabs.push(
         <Tabs.Item id="privacy" header="Privacy" key="privacy">
-          <ThreadSettingsPrivacyTab
-            inputDisabled={inputDisabled}
-            threadInfo={threadInfo}
-            queuedChanges={queuedChanges}
-            setQueuedChanges={setQueuedChanges}
-            setErrorMessage={setErrorMessage}
-          />
+          <div className={css.tab_body}>
+            <ThreadSettingsPrivacyTab
+              inputDisabled={inputDisabled}
+              threadInfo={threadInfo}
+              queuedChanges={queuedChanges}
+              setQueuedChanges={setQueuedChanges}
+              setErrorMessage={setErrorMessage}
+            />
+          </div>
         </Tabs.Item>,
       );
     }
@@ -149,11 +153,13 @@
     if (canDeleteThread) {
       tabs.push(
         <Tabs.Item id="delete" header="Delete" key="delete">
-          <ThreadSettingsDeleteTab
-            inputDisabled={inputDisabled}
-            threadInfo={threadInfo}
-            setErrorMessage={setErrorMessage}
-          />
+          <div className={css.tab_body}>
+            <ThreadSettingsDeleteTab
+              inputDisabled={inputDisabled}
+              threadInfo={threadInfo}
+              setErrorMessage={setErrorMessage}
+            />
+          </div>
         </Tabs.Item>,
       );
     }