diff --git a/frontend/src/views/main/SideBar.vue b/frontend/src/views/main/SideBar.vue
index 13839db..63204f5 100644
--- a/frontend/src/views/main/SideBar.vue
+++ b/frontend/src/views/main/SideBar.vue
@@ -28,11 +28,11 @@ function toggleLanguage() {
         <!-- Show full logo on medium and larger screens -->
         <img src="/images/hutopy-logo.png"
              alt="hutopy logo"
-             class="hidden md:block"
+             class="hidden sm:block"
              height="50">
         <!-- Show icon version on small screens -->
         <img alt="hutopy icon"
-             class="block md:hidden"
+             class="block sm:hidden"
              height="50"
              src="/images/hutopy-icon.png"
              width="50">