Improve automation test display layout and spacing

packages/builder/src/components/automation/AutomationBuilder/TestDisplay.svelte

@@ -67,27 +67,20 @@
           {/if}
 
           <div class="tabs">
-            <Tabs quiet noPadding selected="Input">
+            <Tabs noHorizPadding selected="Input">
               <Tab title="Input">
-                <div style="padding: 10px 10px 10px 10px;">
                 <TextArea
                   minHeight="80px"
                   disabled
                   value={textArea(filteredResults?.[idx]?.inputs, "No input")}
                 />
-                </div></Tab
-              >
+              </Tab>
               <Tab title="Output">
-                <div style="padding: 10px 10px 10px 10px;">
                 <TextArea
                   minHeight="100px"
                   disabled
-                    value={textArea(
-                      filteredResults?.[idx]?.outputs,
-                      "No output"
-                    )}
+                  value={textArea(filteredResults?.[idx]?.outputs, "No output")}
                 />
-                </div>
               </Tab>
             </Tabs>
           </div>
@@ -113,6 +106,7 @@
     align-items: stretch;
     position: relative;
     flex: 1 1 auto;
+    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
   }
 
   .block {

packages/builder/src/pages/builder/portal/overview/[application]/index.svelte

@@ -395,7 +395,7 @@
     line-height: 1em;
     margin-bottom: var(--spacing-s);
   }
-  .tab-wrap :global(.spectrum-Tabs) {
+  .tab-wrap :global(> .spectrum-Tabs) {
     padding-left: var(--spectrum-alias-grid-gutter-large);
     padding-right: var(--spectrum-alias-grid-gutter-large);
   }