From 685e668cc50bdb3c3a5aad49cedf9c472a293a79 Mon Sep 17 00:00:00 2001
From: Fadhlan Ridhwanallah <fridhwanallah@gmail.com>
Date: Thu, 13 Feb 2025 22:20:20 +0700
Subject: [PATCH] update styles

---
 .../operator-mode/code-submode/playground-panel.gts      | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/host/app/components/operator-mode/code-submode/playground-panel.gts b/packages/host/app/components/operator-mode/code-submode/playground-panel.gts
index 4c21046fdf..c6809b2ef8 100644
--- a/packages/host/app/components/operator-mode/code-submode/playground-panel.gts
+++ b/packages/host/app/components/operator-mode/code-submode/playground-panel.gts
@@ -96,7 +96,7 @@ const BeforeOptions: TemplateOnlyComponent<{ Args: {} }> = <template>
       width: 100%;
       background-color: var(--boxel-light);
       padding: var(--boxel-sp-xs) calc(var(--boxel-sp-xxs) + var(--boxel-sp-xs))
-        var(--boxel-sp-xxxs) calc(var(--boxel-sp-xxs) + var(--boxel-sp-xs));
+        0 calc(var(--boxel-sp-xxs) + var(--boxel-sp-xs));
     }
     .title {
       font: 600 var(--boxel-font-sm);
@@ -129,14 +129,13 @@ const AfterOptions: TemplateOnlyComponent<AfterOptionsSignature> = <template>
       flex-direction: column;
       border-top: var(--boxel-border);
       background-color: var(--boxel-light);
-      padding: var(--boxel-sp-xxs) var(--boxel-sp-xs);
-      margin-top: var(--boxel-sp-xs);
+      padding: var(--boxel-sp-xs);
+      margin-top: var(--boxel-sp-xxs);
       gap: var(--boxel-sp-xxs);
     }
     .title {
       font: 600 var(--boxel-font-sm);
-      padding: var(--boxel-sp-xs) var(--boxel-sp-xxs) var(--boxel-sp-xxxs)
-        var(--boxel-sp-xxs);
+      padding: 0 var(--boxel-sp-xxs);
     }
     .action {
       display: flex;