diff --git a/src/components/nav.vue b/src/components/nav.vue
index 0c76464..7842cdc 100644
--- a/src/components/nav.vue
+++ b/src/components/nav.vue
@@ -60,8 +60,24 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
 
+#years {
+    list-style-type: none;
+    padding: 0;
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+    justify-content: space-around;
+}
+#years > * {
+    margin: 3px;
+    width: 80px;
+    display: flex;
+    flex-direction: column-reverse;
+}
+
 .selected_year {
-  color: red;
+    font-size: 1.5em;
+    font-weight: bold;
 }