diff --git a/entrypoints/popup/App.css b/entrypoints/popup/App.css
index d2994a2..5c19510 100644
--- a/entrypoints/popup/App.css
+++ b/entrypoints/popup/App.css
@@ -52,6 +52,7 @@ body {
 .nav-container {
   display: flex;
   justify-content: center;
+  margin-top: 16px;
   margin-bottom: 16px;
   gap: 8px;
 }
diff --git a/entrypoints/popup/pages/TimestampPage.tsx b/entrypoints/popup/pages/TimestampPage.tsx
index 3a6fc86..a36ede5 100644
--- a/entrypoints/popup/pages/TimestampPage.tsx
+++ b/entrypoints/popup/pages/TimestampPage.tsx
@@ -73,7 +73,7 @@ const LiveClock = React.memo(({
   return (
     <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 4 }}>
       <Stack direction="row" spacing={1} alignItems="baseline">
-        <Typography variant="h4" sx={{ fontWeight: 300, letterSpacing: '-1px', color: 'text.primary', fontFamily: 'monospace' }}>
+        <Typography variant="h5" sx={{ fontWeight: 300, letterSpacing: '-1px', color: 'text.primary', fontFamily: 'monospace' }}>
           {displayVal}
         </Typography>
         <Typography variant="caption" sx={{ color: 'text.secondary', fontWeight: 600, textTransform: 'uppercase' }}>