diff --git a/src/assets/app.scss b/src/assets/app.scss
index 0d57fa0..21a1ef2 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -143,7 +143,7 @@ body {
 
       a {
         color: var(--text-header);
-        padding: 8px 12px;
+        padding: 6px 6px;
         &:hover,
         &:focus {
           color: var(--text-header);
diff --git a/src/components/Clock.vue b/src/components/Clock.vue
index ea9d3ae..3ecfaab 100644
--- a/src/components/Clock.vue
+++ b/src/components/Clock.vue
@@ -1,5 +1,5 @@
 <template>
-  <a  aria-label="clock" class="navbar-item is-inline-block-mobile">
+  <a  aria-label="clock" class="navbar-item is-inline-block-mobile" style="font-family:monospace; font-size:0.9em;">
     <i class="fas fa-clock"></i>
     {{clock}}
   </a>