From 42835fe0b77458fdff7f32f884ae2ee6506efdc7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joz=C3=A9=20Hern=C3=A1ndez?=
 <106791212+0x-la1n@users.noreply.github.com>
Date: Sun, 1 Mar 2026 06:56:00 -0400
Subject: [PATCH] fix(ui): make settings tabs scrollable to prevent hiding
 (#238) @0x-la1n

* fix(ui): make settings tabs scrollable to prevent hiding

* Update packages/fossflow-lib/src/components/SettingsDialog/SettingsDialog.tsx
---
 .../src/components/SettingsDialog/SettingsDialog.tsx     | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/fossflow-lib/src/components/SettingsDialog/SettingsDialog.tsx b/packages/fossflow-lib/src/components/SettingsDialog/SettingsDialog.tsx
index 567510a..2af7366 100644
--- a/packages/fossflow-lib/src/components/SettingsDialog/SettingsDialog.tsx
+++ b/packages/fossflow-lib/src/components/SettingsDialog/SettingsDialog.tsx
@@ -76,7 +76,14 @@ export const SettingsDialog = ({ iconPackManager }: SettingsDialogProps) => {
         </IconButton>
       </DialogTitle>
       <DialogContent dividers>
-        <Tabs value={tabValue} onChange={handleTabChange} sx={{ borderBottom: 1, borderColor: 'divider' }}>
+        <Tabs
+          value={tabValue}
+          onChange={handleTabChange}
+          variant="scrollable"
+          scrollButtons="auto"
+          allowScrollButtonsMobile
+          sx={{ borderBottom: 1, borderColor: 'divider' }}
+        >
           <Tab label={t('settings.hotkeys.title')} />
           <Tab label={t('settings.pan.title')} />
           <Tab label="Zoom" />