diff --git a/src/renderer/components/side-nav/side-nav.vue b/src/renderer/components/side-nav/side-nav.vue
index 2400158185dc7..d82cb5e92e6b3 100644
--- a/src/renderer/components/side-nav/side-nav.vue
+++ b/src/renderer/components/side-nav/side-nav.vue
@@ -232,12 +232,13 @@
       </div>
       <div
         v-if="isOpen && subscriptionListOptions.displayType === 'grid'"
-        class="iconGrid"
+        class="iconGrid mobileHidden"
       >
         <ft-channel-bubble
           v-for="(channel, index) in activeSubscriptions"
           :id="`sidenav-channel-${index}`"
           :key="index"
+          class="mobileHidden"
           :style="{ inlineSize: 100 / subscriptionListOptions.itemsPerGridRow + '%' }"
           :channel-id="channel.id"
           :channel-name="channel.name"