fix modal centering

dist/index.css

@@ -875,12 +875,11 @@ body[showing-chat] #chat-page-wrapper {
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  justify-content: safe center;
-}
-.split-modal[navigation] > div,
-.split-modal[navigation] > div > .scroll-area {
   justify-content: start;
 }
+.split-modal[navigation]:not([page-open]) > div {
+  justify-content: safe center;
+}
 .split-modal[navigation] > div {
   min-width: 100%;
 }

src/View/Components/splitModal.css

@@ -30,12 +30,11 @@
     flex-direction: column;
 
     align-items: stretch;
-    justify-content: safe center;
+    justify-content: start;
 }
 
-.split-modal[navigation] > div,
+.split-modal[navigation]:not([page-open]) > div {
-.split-modal[navigation] > div > .scroll-area {
+    justify-content: safe center;
-    justify-content: start;
 }
 
 .split-modal[navigation] > div {

src/View/Modals/settingsModal.tsx

@@ -109,7 +109,7 @@ function SettingsPaneButton(
         label,
         settingsViewModel.selectedModalPage,
         page,
-        true
+        true,
     );
 }