Fix some things

src-web/components/ResponseHeaders.tsx

@@ -8,13 +8,13 @@ interface Props {
 
 export function ResponseHeaders({ headers }: Props) {
   return (
-    <dl className="text-xs w-full font-mono">
+    <dl className="text-xs w-full h-full font-mono overflow-auto">
       {headers.map((h, i) => {
         return (
           <HStack
             space={3}
             key={i}
-            className={classnames(i > 0 && 'border-t border-highlightSecondary', 'py-1')}
+            className={classnames(i > 0 ? 'border-t border-highlightSecondary py-1' : 'pb-1')}
           >
             <dd className="w-1/3 text-violet-600 select-text cursor-text">{h.name}</dd>
             <dt className="w-2/3 select-text cursor-text break-all">{h.value}</dt>

src-web/components/ResponsePane.tsx

@@ -156,8 +156,9 @@ export const ResponsePane = memo(function ResponsePane({ style, className }: Pro
               value={activeTab}
               onChangeValue={setActiveTab}
               label="Response"
-              className="px-3"
               tabs={tabs}
+              className="ml-3 mr-1"
+              tabListClassName="mt-1.5"
             >
               <TabContent value="headers">
                 <ResponseHeaders headers={activeResponse?.headers ?? []} />

src-web/components/Sidebar.tsx

@@ -226,7 +226,7 @@ const _SidebarItem = forwardRef(function SidebarItem(
               {isResponseLoading(latestResponse) ? (
                 <Icon spin size="sm" icon="update" />
               ) : (
-                <StatusTag className="text-2xs" response={latestResponse} />
+                <StatusTag className="text-2xs dark:opacity-80" response={latestResponse} />
               )}
             </div>
           )}

src-web/components/core/PairEditor.tsx

@@ -137,7 +137,7 @@ export const PairEditor = memo(function PairEditor({
       className={classnames(
         className,
         '@container',
-        'pb-2 grid',
+        'pb-2 grid overflow-auto max-h-full',
         // Move over the width of the drag handle
         '-ml-3',
       )}

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

@@ -149,7 +149,7 @@ export const TabContent = memo(function TabContent({
     <div
       tabIndex={-1}
       data-tab={value}
-      className={classnames(className, 'tab-content', 'overflow-auto hidden w-full h-full')}
+      className={classnames(className, 'tab-content', 'hidden w-full h-full')}
     >
       {children}
     </div>