make navTabs equal and with bigger text and icons

client/src/components/NavTabs.jsx

@@ -16,11 +16,26 @@ const useStyles = makeStyles({
   },
   bottomNavAction: {
     paddingTop: '15px',
-    minWidth: "auto",
+    // minWidth: "auto",
+    width: '25%',
     alignItems: "flex-start",
 
-    '&.MuiBottomNavigationAction-root.Mui-selected': {
-      paddingTop: '13px',
+    '& .MuiBottomNavigationAction-label': {
+      fontSize: '0.9rem',
+      paddingTop: '2px',
+
+      '&.Mui-selected': {
+        fontSize: '0.95rem',
+        fontWeight: 'bold',
+      }
+    },
+    '&.MuiBottomNavigationAction-root': {
+      fontSize: '1.1rem',
+
+      '&.Mui-selected': {
+        fontSize: '1.3rem',
+        paddingTop: '13px',
+      }
     }
   }
 });