From 9e9dba90eb5a2dc5a99a97141d1061ce492d6f55 Mon Sep 17 00:00:00 2001
From: Sathya Gunasekaran <gsathya.ceg@gmail.com>
Date: Thu, 15 Dec 2022 18:38:05 +0000
Subject: [PATCH] [playground] Make input tab smaller

---
 .../forget/packages/playground/components/Editor/index.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/compiler/forget/packages/playground/components/Editor/index.tsx b/compiler/forget/packages/playground/components/Editor/index.tsx
index 776aa5eeaa..3077aaac33 100644
--- a/compiler/forget/packages/playground/components/Editor/index.tsx
+++ b/compiler/forget/packages/playground/components/Editor/index.tsx
@@ -60,11 +60,11 @@ export default function Editor() {
 
   return (
     <>
-      <div className="flex grow">
-        <div className={clsx("relative sm:min-w-[300px] sm:block")}>
+      <div className="flex basis">
+        <div className={clsx("relative sm:basis-1/4")}>
           <Input diagnostics={diagnostics} />
         </div>
-        <div className={clsx("flex sm:flex sm:min-w-[300px]")}>
+        <div className={clsx("flex sm:flex")}>
           <Output
             tabsOpen={tabsOpen}
             setTabsOpen={setTabsOpen}