fix: currency list position and width

fixes #150 Signed-off-by: rare-magma <[email protected]>
rare-magma · Oct 20, 2024 · e4333e4 · e4333e4
1 parent 59ff09a
commit e4333e4
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/guitos/sections/NavBar/NavBarSettings.tsx b/src/guitos/sections/NavBar/NavBarSettings.tsx
@@ -36,7 +36,7 @@ export function NavBarSettings({ expanded }: NavBarSettingsProps) {
       <OverlayTrigger
         trigger="click"
         key="nav-settings-overlay"
-        placement="bottom"
+        placement={"auto"}
         rootClose={true}
         overlay={
           <Popover id={"nav-popover-settings-button"}>
@@ -68,12 +68,12 @@ export function NavBarSettings({ expanded }: NavBarSettingsProps) {
                       style={
                         expanded
                           ? {
-                              maxWidth: "10ch",
-                              minWidth: "10ch",
+                              maxWidth: "11ch",
+                              minWidth: "11ch",
                             }
                           : {
-                              maxWidth: "7ch",
-                              minWidth: "7ch",
+                              maxWidth: "8ch",
+                              minWidth: "8ch",
                             }
                       }
                       options={currenciesList.sort((a, b) =>