style: Update Tabs component in DownloadPage

2025-12-04 13:04:31 -05:00
parent 5747b8d2ff
commit 2a47f605bd
1 changed files with 8 additions and 1 deletions
--- a/frontend/src/pages/DownloadPage.tsx
+++ b/frontend/src/pages/DownloadPage.tsx
@@ -299,7 +299,14 @@ const DownloadPage: React.FC = () => {
            </Box>

            <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-                <Tabs value={tabValue} onChange={handleTabChange} aria-label="download tabs">
+                <Tabs
+                    value={tabValue}
+                    onChange={handleTabChange}
+                    aria-label="download tabs"
+                    variant="scrollable"
+                    scrollButtons="auto"
+                    allowScrollButtonsMobile
+                >
                    <Tab label={t('activeDownloads') || 'Active Downloads'} />
                    <Tab label={t('queuedDownloads') || 'Queue'} />
                    <Tab label={t('downloadHistory') || 'History'} />