diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 14253cd..286ebbe 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1058,15 +1058,14 @@ const App = () => {
           {
             mobileOpen === false &&
             <Box sx={{ display: "flex", flexGrow: 1 }}>
-              <Tabs sx={{ display: "flex", flexGrow: 1 }} value={tab} indicatorColor="secondary"
+                <Tabs value={tab} indicatorColor="secondary"
                 textColor="inherit"
                 variant="scrollable"
-                allowScrollButtonsMobile
-                scrollButtons="auto"
+                  allowScrollButtonsMobile
                 onChange={handleTabChange} aria-label="Backstory navigation">
                 <Tab label="Backstory" icon={<Avatar sx={{ width: 24, height: 24 }} variant="rounded" alt="Backstory logo" src="/logo192.png" />} iconPosition="start" />
-                <Tab label="Resume Builder" />
-                <Tab label="Context Visualizer" />
+                  <Tab wrapped label="Resume Builder" />
+                  <Tab wrapped label="Context Visualizer" />
                 <Tab label="About" />
               </Tabs>