diff --git a/src/App.scss b/src/App.scss
index 39bb34de..15c908d9 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -37,7 +37,7 @@ button{
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 2px black;
     font-size: 14px;
-    font-family: sans;
+    font-family: sans-serif;
 
     &:hover {
         box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index dbd0d948..a9162120 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -55,7 +55,7 @@
       font-size: 14px;
       min-width: 6em;
       border-radius: 5px;
-      font-family: sans;
+      font-family: sans-serif;
       text-align: center;
       padding: 0 0.5em 0 0.5em;
       opacity: 0.8;