diff --git a/frontend/src/components/ChannelView.svelte b/frontend/src/components/ChannelView.svelte
index 3eb1d0c..09ea81b 100644
--- a/frontend/src/components/ChannelView.svelte
+++ b/frontend/src/components/ChannelView.svelte
@@ -16,13 +16,9 @@
         width: 100%;
         height: 100%;
     }
-
-    .hidden {
-        display: none;
-    }
 </style>
 
-<div class="main-container" class:hidden={ !$showChannelView }>
+<div class="main-container">
     <ChannelTopBar channel={ channel } />
     <Messages channelId="{ channel.id }" />
     <MessageInput channel={ channel } />
diff --git a/frontend/src/components/Main.svelte b/frontend/src/components/Main.svelte
index cafb8ba..3d91135 100644
--- a/frontend/src/components/Main.svelte
+++ b/frontend/src/components/Main.svelte
@@ -29,7 +29,7 @@
     {#if $showSidebar}
         <Sidebar />
     {/if}
-    {#if !($smallViewport && $showSidebar)}
+    {#if !($smallViewport && $showSidebar) && $showChannelView}
         <ChannelView channel={$selectedChannel} />
     {/if}
 </div>