Fix editor padding

src-web/components/UrlBar.tsx

@@ -56,8 +56,8 @@ export function UrlBar({ sendRequest, loading, onMethodChange, method, onUrlChan
           <IconButton
             title="Send Request"
             type="submit"
-            className="mr-0.5"
+            color="custom"
-            size="sm"
+            className="!px-2 mr-0.5"
             icon={loading ? 'update' : 'paperPlane'}
             spin={loading}
             disabled={loading}

src-web/components/core/Editor/Editor.css

@@ -12,6 +12,10 @@
             outline: none !important;
         }
 
+        .cm-content {
+            @apply py-0;
+        }
+
         .cm-line {
             @apply text-gray-900 pl-1 pr-1.5;
         }
@@ -137,7 +141,7 @@
 
 .cm-singleline .cm-editor {
     .cm-content {
-        @apply h-full flex items-center;
+        @apply  h-full flex items-center;
     }
 }
 

src-web/components/core/Tabs/Tabs.tsx

@@ -37,7 +37,10 @@ export function Tabs({ defaultValue, label, children, tabs, className, tabListCl
     >
       <T.List
         aria-label={label}
-        className={classnames(tabListClassName, 'h-auto flex items-center overflow-x-auto pb-1')}
+        className={classnames(
+          tabListClassName,
+          'h-auto flex items-center overflow-x-auto pb-1 mb-1',
+        )}
       >
         <HStack space={1}>
           {tabs.map((t) => {