diff --git a/frontend/src/components/Main.svelte b/frontend/src/components/Main.svelte
index 808d566..edd6cd3 100644
--- a/frontend/src/components/Main.svelte
+++ b/frontend/src/components/Main.svelte
@@ -28,26 +28,14 @@
{/if}
-
-
-
- {#if !($smallViewport && $showPresenceSidebar) && $showSidebar || $selectedChannel.id === -1}
-
- {/if}
- {#if !($smallViewport && $showSidebar) && !($smallViewport && $showPresenceSidebar) && $showChannelView && $selectedChannel.id !== -1}
-
- {/if}
- {#if $showPresenceSidebar}
-
- {/if}
-
+{#if !($smallViewport && $showPresenceSidebar) && $showSidebar || $selectedChannel.id === -1}
+
+{/if}
+{#if !($smallViewport && $showSidebar) && !($smallViewport && $showPresenceSidebar) && $showChannelView && $selectedChannel.id !== -1}
+
+{/if}
+{#if $showPresenceSidebar}
+
+{/if}
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 83e2500..a79b13e 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -8,8 +8,6 @@ import gateway, { GatewayEventType } from './gateway';
import "@material-design-icons/font";
function handleGatewaySettlement() {
- initResponsiveHandlers();
-
const loadingElement = document.getElementById("pre--loading-screen");
if (loadingElement) {
loadingElement.parentElement.removeChild(loadingElement);
@@ -27,6 +25,7 @@ function handleGatewaySettlement() {
function main() {
useDebuggingApi();
useAuthHandlers();
+ initResponsiveHandlers();
gateway.subscribe(GatewayEventType.Ready, handleGatewaySettlement);
gateway.subscribe(GatewayEventType.Close, handleGatewaySettlement);