diff --git a/src/components/NavbarView.vue b/src/components/NavbarView.vue
index fbba82c..a637503 100644
--- a/src/components/NavbarView.vue
+++ b/src/components/NavbarView.vue
@@ -32,16 +32,16 @@ export default {
       </router-link>
     </div>
 
-    <search-bar class="mt-4 mr-4 hidden sm:inline-block sm:mt-0"></search-bar>
+    <search-bar class="mt-4 mr-4 hidden md:inline-block sm:mt-0"></search-bar>
 
-    <div class="text-contrast hidden space-x-4 sm:block">
+    <div class="text-contrast hidden space-x-4 md:block">
       <a href="https://codeberg.org/dragongoose/safetwitch" target="_blank">{{ $t('nav.code') }}</a>
       <a :href="'https://twitch.tv' + $route.fullPath">Twitch</a>
       <router-link to="/privacy">{{ $t('nav.privacy') }}</router-link>
       <router-link to="/settings">{{ $t('nav.settings') }}</router-link>
     </div>
 
-    <div class="block sm:hidden">
+    <div class="block md:hidden">
       <button @click="toggle" class="flex items-center px-3 py-2">
         <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
           <title>Menu</title>