diff --git a/web/modals/threads/settings/thread-settings-modal.css b/web/modals/threads/settings/thread-settings-modal.css
--- a/web/modals/threads/settings/thread-settings-modal.css
+++ b/web/modals/threads/settings/thread-settings-modal.css
@@ -2,11 +2,10 @@
   display: flex;
   flex-direction: column;
   width: 383px;
-  height: 650px;
+  height: 60vh;
   overflow: hidden;
 }
 div.tab_body {
-  padding: 20px;
   overflow: auto;
   flex: 1;
   display: flex;
@@ -23,3 +22,7 @@
   flex: 1;
   padding: 5px;
 }
+
+.relationshipPrimaryButtonPlaceholder {
+  height: 44.5px;
+}
diff --git a/web/modals/threads/settings/thread-settings-modal.react.js b/web/modals/threads/settings/thread-settings-modal.react.js
--- a/web/modals/threads/settings/thread-settings-modal.react.js
+++ b/web/modals/threads/settings/thread-settings-modal.react.js
@@ -241,6 +241,10 @@
         return null;
       }
 
+      if (currentTabType === 'relationship') {
+        return <div className={css.relationshipPrimaryButtonPlaceholder} />;
+      }
+
       return (
         <ThreadSettingsDeleteButton
           threadInfo={threadInfo}
@@ -248,7 +252,7 @@
           setErrorMessage={setErrorMessage}
         />
       );
-    }, [changeInProgress, threadInfo]);
+    }, [changeInProgress, currentTabType, threadInfo]);
 
     if (!threadInfo) {
       return (