Fix issue with side panel position

packages/client/src/components/ClientApp.svelte

@@ -324,6 +324,7 @@
     justify-content: flex-start;
     align-items: stretch;
     overflow: hidden;
+    position: relative;
   }
 
   .error {

packages/client/src/components/app/Layout.svelte

@@ -322,25 +322,23 @@
         <slot />
       </div>
     </div>
-    <div
-      id="side-panel-container"
-      class:open={$sidePanelStore.open}
-      use:clickOutside={autoCloseSidePanel
-        ? sidePanelStore.actions.close
-        : null}
-      class:builder={$builderStore.inBuilder}
-    >
-      <div class="side-panel-header">
-        <Icon
-          color="var(--spectrum-global-color-gray-600)"
-          name="RailRightClose"
-          hoverable
-          on:click={sidePanelStore.actions.close}
-        />
-      </div>
-    </div>
-    <div class="modal-container" />
   </div>
+  <div
+    id="side-panel-container"
+    class:open={$sidePanelStore.open}
+    use:clickOutside={autoCloseSidePanel ? sidePanelStore.actions.close : null}
+    class:builder={$builderStore.inBuilder}
+  >
+    <div class="side-panel-header">
+      <Icon
+        color="var(--spectrum-global-color-gray-600)"
+        name="RailRightClose"
+        hoverable
+        on:click={sidePanelStore.actions.close}
+      />
+    </div>
+  </div>
+  <div class="modal-container" />
 </div>
 
 <style>