some styles

explorer/src/components/MobileNav.tsx

@@ -83,7 +83,7 @@ export const MobileNav: React.FC<{ children: React.ReactNode }> = ({ children }:
             }}
           >
             <IconButton component="a" href={NYM_WEBSITE} target="_blank">
-              <NymLogo height="40px" width="40px" />
+              <NymLogo height="24px" width="24px" />
             </IconButton>
             <Typography
               variant="h6"
@@ -92,12 +92,9 @@ export const MobileNav: React.FC<{ children: React.ReactNode }> = ({ children }:
                 color: theme.palette.nym.networkExplorer.nav.text,
                 fontSize: '18px',
                 fontWeight: 600,
-                ml: 2,
-                display: 'flex',
-                flexDirection: 'column',
               }}
             >
-              <MuiLink component={Link} to="/overview" underline="none" color="inherit">
+              <MuiLink component={Link} to="/overview" underline="none" color="inherit" fontSize={14} fontWeight={700}>
                 {explorerName}
               </MuiLink>
               <Button
@@ -105,16 +102,16 @@ export const MobileNav: React.FC<{ children: React.ReactNode }> = ({ children }:
                 variant="outlined"
                 color="inherit"
                 href={switchNetworkLink}
-                sx={{ textTransform: 'none', width: 150 }}
+                sx={{ textTransform: 'none', width: 114, fontSize: '12px', fontWeight: 600, ml: 1 }}
               >
                 {switchNetworkText}
               </Button>
             </Typography>
           </Box>
 
-          <Box>
+          <Box sx={{ mr: 1 }}>
             <DarkLightSwitchMobile />
-            <Button onClick={toggleDrawer}>
+            <Button onClick={toggleDrawer} sx={{ p: 0, minWidth: 0 }}>
               <Menu sx={{ color: theme.palette.primary.contrastText }} />
             </Button>
           </Box>

explorer/src/components/Nav.tsx

@@ -317,7 +317,7 @@ export const Nav: React.FC = ({ children }) => {
                 variant="outlined"
                 color="inherit"
                 href={switchNetworkLink}
-                sx={{ textTransform: 'none', width: 150, ml: 4 }}
+                sx={{ borderRadius: 2, textTransform: 'none', width: 150, ml: 4, fontSize: 14, fontWeight: 600 }}
               >
                 {switchNetworkText}
               </Button>

explorer/src/components/Switch.tsx

@@ -54,7 +54,7 @@ export const DarkLightSwitch = styled(Switch)(({ theme }) => ({
 export const DarkLightSwitchMobile: React.FC = () => {
   const { toggleMode } = useMainContext();
   return (
-    <Button onClick={() => toggleMode()} data-testid="switch-button">
+    <Button onClick={() => toggleMode()} data-testid="switch-button" sx={{ p: 0, minWidth: 0 }}>
       <LightSwitchSVG />
     </Button>
   );