diff --git a/layouts/default.vue b/layouts/default.vue
index 2b31eb8..713bb4e 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -10,16 +10,17 @@
     >
       <v-list dense>
         <template v-for="item in items">
-          <v-list-tile :key="item.text" ripple>
-            <v-list-tile-action v-if="item.relative">
+          <v-list-tile :key="item.text" v-if="item.relative" :to="item.to" ripple>
+            <v-list-tile-action>
               <v-icon dark>{{ item.icon }}</v-icon>
             </v-list-tile-action>
-            <v-list-tile-content v-if="item.relative">
+            <v-list-tile-content>
               <v-list-tile-title>
                 {{ item.title }}
               </v-list-tile-title>
             </v-list-tile-content>
-            <a :href="item.to"  v-if="!item.relative">
+          </v-list-tile>
+          <v-list-tile :key="item.text" :href="item.to"  v-if="!item.relative" ripple>
               <v-list-tile-action>
                 <v-icon dark>{{ item.icon }}</v-icon>
               </v-list-tile-action>
@@ -28,7 +29,6 @@
                   {{ item.title }}
                 </v-list-tile-title>
               </v-list-tile-content>
-            </a>
           </v-list-tile>
         </template>
       </v-list>
@@ -130,13 +130,13 @@ export default {
           icon: "videocam",
           title: "ISWIsion Live",
           relative: true,
-          to: "./"
+          to: "/"
         },
         {
           icon: "event_seat",
           title: "Cultural Events",
           relative: true,
-          to: "./cultural-events"
+          to: "/cultural-events"
         },
         {
           icon: "event",
@@ -148,7 +148,7 @@ export default {
           icon: "bubble_chart",
           title: "about",
           relative: true,
-          to: "./about"
+          to: "/about"
         }
       ],
       miniVariant: false,