diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index d19d293..f7c2b85 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -26,7 +26,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
         <RouterLink to="/" class="link button link">
             <img :src="logo" alt="Seekra" class="nav-logo" />
         </RouterLink>
-        <NavbarSearchBarWrapper />
+        <NavbarSearchBarWrapper class="navbar-search-bar-wrapper" />
         <ul class="right-links">
             <li>
                 <LanguageSwitchButton />
@@ -69,4 +69,10 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
     height: 24px;
     width: auto;
 }
+
+@media (max-width: 48rem) {
+    .navbar-search-bar-wrapper {
+        display: none;
+    }
+}
 </style>