fix: popup not displaying

src/css/injected.scss

@@ -344,6 +344,9 @@ ol:has(.MessageList__avatar___2wxyb svg) {
   border: none !important;
   border-radius: 16px !important;
 }
+.uiButton.selected {
+  background: var(--background-secondary) !important;
+}
 .singleSelect {
   border-radius: 16px !important;
   padding: 4px !important;

src/interface/SettingsPage.tsx

@@ -30,7 +30,7 @@ const SettingsPage = ({ standalone }: SettingsPage) => {
   ];  
 
   return (
-    <div className={`flex flex-col w-[384px] shadow-2xl gap-2 bg-white ${ standalone ? '' : 'rounded-xl' } h-[100vh] overflow-clip dark:bg-zinc-800 dark:text-white`}>
+    <div className={`flex flex-col w-[384px] shadow-2xl gap-2 bg-white ${ standalone ? '' : 'rounded-xl' } ${ standalone ? 'h-[600px]' : 'h-[100vh]' } overflow-clip dark:bg-zinc-800 dark:text-white`}>
       <div className="grid border-b border-b-zinc-200/40 place-items-center">
         <img src={logo} className="w-4/5 dark:hidden" />
         <img src={logoDark} className="hidden w-4/5 dark:block" />

src/interface/hooks/settingsState.ts

@@ -24,7 +24,8 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
         betterSEQTAPlus: result.onoff,
         shortcuts: result.shortcuts,
         customshortcuts: result.customshortcuts,
-        transparencyEffects: result.transparencyEffects
+        transparencyEffects: result.transparencyEffects,
+        theme: result.theme
       });
       
       if (result.DarkMode) {

src/interface/types/AppProps.ts

@@ -60,4 +60,5 @@ export interface MainConfig {
   shortcuts: Shortcut[];
   subjectfilters: Record<string, any>;
   transparencyEffects: boolean;
+  theme: string;
 }