diff --git a/web/modals/threads/settings/thread-settings-delete-tab.css b/web/modals/threads/settings/thread-settings-delete-tab.css
--- a/web/modals/threads/settings/thread-settings-delete-tab.css
+++ b/web/modals/threads/settings/thread-settings-delete-tab.css
@@ -11,6 +11,7 @@
   vertical-align: top;
   color: var(--fg);
 }
+
 div.form_content {
   display: flex;
   font-family: var(--font-stack);
@@ -25,6 +26,16 @@
   flex: 1;
 }
 
+div.warning_container {
+  display: flex;
+  flex-direction: row;
+}
+
+.warning_icon {
+  margin-right: 4px;
+  padding: 8px 4px;
+}
+
 .deletion_warning {
   font-weight: var(--bold);
   color: var(--fg);
diff --git a/web/modals/threads/settings/thread-settings-delete-tab.react.js b/web/modals/threads/settings/thread-settings-delete-tab.react.js
--- a/web/modals/threads/settings/thread-settings-delete-tab.react.js
+++ b/web/modals/threads/settings/thread-settings-delete-tab.react.js
@@ -87,11 +87,17 @@
   return (
     <form method="POST" className={css.container}>
       <div>
-        <SWMansionIcon icon="warning-circle" size={22} />
-        <p className={css.deletion_warning}>
-          Your chat will be permanently deleted. There is no way to reverse
-          this.
-        </p>
+        <div className={css.warning_container}>
+          <SWMansionIcon
+            icon="warning-circle"
+            className={css.warning_icon}
+            size={26}
+          />
+          <p className={css.deletion_warning}>
+            Your chat will be permanently deleted. There is no way to reverse
+            this.
+          </p>
+        </div>
       </div>
       <div>
         <p className={css.confirm_account_password}>