Fix alignment issues with the checkboxes

src/pages/notifications.css

@@ -551,3 +551,15 @@
     }
   }
 }
+
+#notifications-settings {
+  label {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+
+    input[type='checkbox'] {
+      flex-shrink: 0;
+    }
+  }
+}

src/pages/notifications.jsx

@@ -709,7 +709,7 @@ function Notifications({ columnMode }) {
             }
           }}
         >
-          <div class="sheet" tabIndex="-1">
+          <div class="sheet" id="notifications-settings" tabIndex="-1">
             <button
               type="button"
               class="sheet-close"