Code snippet, better UX in questionnaire

src/components/PageBody/index.svelte

@@ -1,11 +1,12 @@
 <script>
   // import
+  //   border border-gray-300 rounded-md p-3 bg-blue-200 bg-opacity-25
 </script>
 
-<div class="m-3">
+<div class="root mt-4 mx-auto max-w-3xl relative">
   {#if $$slots.header}
     <div
-      class="head flex bg-white items-center justify-between sticky right-0 w-full"
+      class="head flex bg-white items-center justify-between sticky right-0 w-full py-3"
     >
       <slot name="header" />
     </div>
@@ -15,8 +16,12 @@
 </div>
 
 <style>
+  /* .root {
+    max-width: 700px;
+  } */
+
   .head {
-    top: 63px;
-    z-index: 2;
+    top: 61px;
+    z-index: 1;
   }
 </style>