fix(ui): decrease the gap between contents

Author: moshams272

packages/react/src/html/ui/index.css

@@ -81,7 +81,7 @@ main {
   .overload-panel {
     display: flex;
     flex-direction: column;
-    gap: calc(var(--spacing) * 6);
+    gap: calc(var(--spacing) * 4);
     background-color: var(--color-neutral-100);
     border: 1px solid var(--color-neutral-200);
     border-top-left-radius: 0;
@@ -94,6 +94,7 @@ main {
 
   @media (min-width: 48rem) {
     .overload-panel {
+      gap: calc(var(--spacing) * 6);
       padding: calc(var(--spacing) * 6);
       padding-bottom: calc(var(--spacing) * 3);
     }