Update Navigation.jsx

sky-ash · Nov 4, 2024 · d2c4a88 · d2c4a88
1 parent 4aeb143
commit d2c4a88
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/Navigation.jsx b/src/components/Navigation.jsx
@@ -19,9 +19,10 @@ export default function Navigation() {
     return (
       <Link to="/path">
           <Fab color="primary"
-              sx={{ position: 'absolute', zIndex: 1,
-                    margin: '0 auto', top: -20,
-                    left: 0, right: 0, }}>
+               variant='extended'
+               sx={{ position: 'fixed', zIndex: 1,
+                     left: '50%', transform: 'translateX(-50%)',
+                     bottom: 32, }}>
             <Typography display='flex'
                         p={2}
                         alignItems='center'