diff --git a/web/modals/threads/thread-settings-general-tab.css b/web/modals/threads/thread-settings-general-tab.css
--- a/web/modals/threads/thread-settings-general-tab.css
+++ b/web/modals/threads/thread-settings-general-tab.css
@@ -1,5 +1,5 @@
 div.form_title {
-  padding: 6px 6px 0 0;
+  padding-top: 6px;
   font-size: 14px;
   font-weight: 600;
   vertical-align: top;
@@ -9,11 +9,8 @@
   display: flex;
   font-family: var(--font-stack);
   color: var(--fg);
-  margin-top: 4px;
-  margin-bottom: 8px;
-}
-div.form_content input {
-  margin-bottom: 4px;
+  margin-top: 8px;
+  margin-bottom: 12px;
 }
 div.form_content textarea {
   padding: 12px;
@@ -25,6 +22,11 @@
   width: 100%;
 }
 
+div.colorSelectorContainer {
+  margin-top: 8px;
+  margin-bottom: 12px;
+}
+
 .save_button {
   width: 100%;
 }
diff --git a/web/modals/threads/thread-settings-general-tab.react.js b/web/modals/threads/thread-settings-general-tab.react.js
--- a/web/modals/threads/thread-settings-general-tab.react.js
+++ b/web/modals/threads/thread-settings-general-tab.react.js
@@ -157,10 +157,12 @@
       </div>
       <div>
         <div className={css.form_title}>Color</div>
-        <ColorSelector
-          currentColor={queuedChanges.color ?? threadInfo.color}
-          onColorSelection={onChangeColor}
-        />
+        <div className={css.colorSelectorContainer}>
+          <ColorSelector
+            currentColor={queuedChanges.color ?? threadInfo.color}
+            onColorSelection={onChangeColor}
+          />
+        </div>
       </div>
       <Button
         type="submit"
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
@@ -8,7 +8,7 @@
 div.modal_form_error {
   display: flex;
   justify-content: center;
-  padding-top: 16px;
+  padding-top: 8px;
   font-size: 16px;
   color: red;
   font-style: italic;