diff --git a/src/views/UserView.vue b/src/views/UserView.vue
index 8a5e9c5..21a5e7c 100644
--- a/src/views/UserView.vue
+++ b/src/views/UserView.vue
@@ -116,14 +116,11 @@ export default {
           </div>
 
           <div class="ml-3 content-between">
-            <div>
+            <div class="">
               <h1 class="text-2xl md:text-4xl font-bold inline-block">{{ data.username }}</h1>
-              <router-link v-if="$route.query['audio-only'] !== 'true'" to="?audio-only=true">
+              <a v-if="$route.query['audio-only'] !== 'true'" href="?audio-only=true">
                 <v-icon name="bi-headphones" class="ml-1 w-8 h-8 inline-block"></v-icon>
-              </router-link>
-              <!-- For some reason it doesn't like going from
-              audio only to video, so we'll have the page reload
-            -->
+              </a>
               <a v-else :href="$route.params.username.toString()">
                 <v-icon name="bi-camera-video-fill" class="ml-1 w-8 h-8 inline-block"></v-icon>
               </a>