Fix paddings, margins

src/lib/components/studio/chat/chat.svelte

@@ -211,7 +211,7 @@
         @media (min-width: 768px) {
             width: 100%;
             height: 100%;
-            padding-inline: 0;
+            padding-inline: var(--space-4);
             background-color: transparent;
         }
     }
@@ -225,6 +225,11 @@
     .divider-wrapper {
         margin-inline-start: calc(-1 * var(--space-4));
         width: calc(100% + 2 * var(--space-4));
+
+        @media (min-width: 768px) {
+            margin-inline-start: calc(-1 * var(--space-7));
+            width: calc(100% + 2 * var(--space-7));
+        }
     }
 
     // fix alignment bug in Safari

src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte

@@ -210,7 +210,7 @@
         </div>
     </Layout.Stack>
     {@render children()}
-    <aside bind:this={asideRef}>
+    <aside bind:this={asideRef} style:padding-block-end={terminalOpen ? 0 : '8px'}>
         <details bind:open={terminalOpen}>
             <summary
                 onmousedown={startResize}
@@ -269,7 +269,7 @@
 
         margin-inline-start: -9px;
         margin-block-end: calc(-1 * var(--base-8));
-        padding: var(--space-3);
+        padding: var(--space-3) 0;
 
         border: 1px solid var(--border-neutral);
         width: 100%;
@@ -287,6 +287,7 @@
     }
     summary {
         cursor: pointer;
+        padding-inline: var(--space-3);
     }
 
     .terminal-slider {
@@ -295,9 +296,9 @@
 
     .terminal-tabs {
         background-color: white;
-        padding: var(--space-4) var(--space-7);
-        margin-inline-start: calc(-1 * var(--space-4));
-        width: calc(100% + 14px);
+        padding: var(--space-4) var(--space-4);
+        margin-inline-start: calc(-1 * var(--space-1));
+        width: calc(100% + 1px);
     }
 
     .divider-wrapper-artifacts {