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
@@ -25,6 +25,12 @@
   flex: 1;
 }
 
+.warning_icon {
+  vertical-align: top;
+  margin-right: 4px;
+  margin-left: -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,8 +87,12 @@
   return (
     <form method="POST" className={css.container}>
       <div>
-        <SWMansionIcon icon="warning-circle" size={22} />
         <p className={css.deletion_warning}>
+          <SWMansionIcon
+            icon="warning-circle"
+            className={css.warning_icon}
+            size={22}
+          />
           Your chat will be permanently deleted. There is no way to reverse
           this.
         </p>