diff --git a/src/components/navigation/navigation.scss b/src/components/navigation/navigation.scss
index e69de29..ca538fb 100644
--- a/src/components/navigation/navigation.scss
+++ b/src/components/navigation/navigation.scss
@@ -0,0 +1,5 @@
+.el-menu.centered li
+{
+    display: inline-block !important;
+    float: none !important;
+}
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index b2f4e10..25d11ae 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="navigation">
-        <el-menu :default-active="activeIndex" mode="horizontal" @select="onSelect">
+        <el-menu class="centered" :default-active="activeIndex" mode="horizontal" @select="onSelect">
 
             <el-menu-item index="overall">Overall</el-menu-item>