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,12 +322,11 @@
         <slot />
       </div>
     </div>
+  </div>
   <div
     id="side-panel-container"
     class:open={$sidePanelStore.open}
-      use:clickOutside={autoCloseSidePanel
-        ? sidePanelStore.actions.close
-        : null}
+    use:clickOutside={autoCloseSidePanel ? sidePanelStore.actions.close : null}
     class:builder={$builderStore.inBuilder}
   >
     <div class="side-panel-header">
@@ -341,7 +340,6 @@
   </div>
   <div class="modal-container" />
 </div>
-</div>
 
 <style>
   /*  Main components */