diff --git a/ayanova/src/components/wiki-control.vue b/ayanova/src/components/wiki-control.vue
index 54c35055..c238ff6f 100644
--- a/ayanova/src/components/wiki-control.vue
+++ b/ayanova/src/components/wiki-control.vue
@@ -12,20 +12,34 @@
         Wiki
       </span>
       <div class="mt-2">
-        <v-btn-toggle v-model="currentView">
-          <v-btn color="white" :value="view.HIDDEN_VIEW">
-            <v-icon>fa-eye-slash</v-icon>
-          </v-btn>
-          <v-btn color="white" :value="view.WIKI_VIEW">
-            <v-icon>fa-eye</v-icon>
-          </v-btn>
-          <v-btn color="white" :value="view.DESIGN_VIEW">
-            <v-icon>fa-edit</v-icon>
-          </v-btn>
-          <v-btn color="white" :value="view.SPLIT_VIEW">
-            <v-icon>fa-columns</v-icon>
-          </v-btn>
-        </v-btn-toggle>
+        <v-btn
+          text
+          :outlined="currentView == view.HIDDEN_VIEW"
+          @click="currentView = view.HIDDEN_VIEW"
+        >
+          <v-icon>fa-eye-slash</v-icon>
+        </v-btn>
+        <v-btn
+          text
+          :outlined="currentView == view.WIKI_VIEW"
+          @click="currentView = view.WIKI_VIEW"
+        >
+          <v-icon>fa-eye</v-icon>
+        </v-btn>
+        <v-btn
+          text
+          :outlined="currentView == view.DESIGN_VIEW"
+          @click="currentView = view.DESIGN_VIEW"
+        >
+          <v-icon>fa-edit</v-icon>
+        </v-btn>
+        <v-btn
+          text
+          :outlined="currentView == view.SPLIT_VIEW"
+          @click="currentView = view.SPLIT_VIEW"
+        >
+          <v-icon>fa-columns</v-icon>
+        </v-btn>
       </div>
     </template>
     <v-sheet