diff --git a/src/components/UIShell/UIShell.svelte b/src/components/UIShell/UIShell.svelte
index baa27f76..1cca4d4d 100644
--- a/src/components/UIShell/UIShell.svelte
+++ b/src/components/UIShell/UIShell.svelte
@@ -18,23 +18,13 @@
   
   let isSideNavOpen = undefined;
   let winWidth = undefined;
-  
-  onMount(() => {
-    winWidth = window.innerWidth
-    window.addEventListener('resize', () => {
-      winWidth = window.innerWidth;
+  $: isSideNavOpen = winWidth >= 1056
 
-      if (winWidth >= 1056) {
-        isSideNavOpen = true;
-      } else {
-        isSideNavOpen = false;
-      }
-    });
-  })  
-  
   $: ariaLabel = company + (uiShellAriaLabel || $$props['aria-label'] || platformName);
 </script>
 
+<svelte:window bind:innerWidth={winWidth} />
+
 <header aria-label={ariaLabel} class={cx('--header')} role="banner">
   {#if winWidth < 1056}
     <HamburgerMenu bind:isOpen={isSideNavOpen} />