From 6180b40cd8c844e5928e69bad99a82d16ee1c88f Mon Sep 17 00:00:00 2001
From: Chris Griffing <cmgriffing@gmail.com>
Date: Tue, 22 Oct 2024 21:32:28 -0700
Subject: [PATCH] fix: small styling fixes

---
 playgrounds/app/src/components/Editor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/playgrounds/app/src/components/Editor.tsx b/playgrounds/app/src/components/Editor.tsx
index 0709f3f..99fa856 100644
--- a/playgrounds/app/src/components/Editor.tsx
+++ b/playgrounds/app/src/components/Editor.tsx
@@ -280,13 +280,13 @@ export default function Editor(props: EditorProps) {
             </div>
           </div>
 
-          <div class="dark:bg-[#27272a] dark:bg-background bg-gray-100 p-2 rounded-b flex flex-row flex-wrap md:flex-nowrap gap-2">
+          <div class="dark:bg-[#27272a] bg-gray-100 p-2 rounded-b flex flex-row flex-wrap md:flex-nowrap gap-2">
             <TextField class="w-full md:w-1/2" value={startCode} onChange={setStartCode}>
               <TextFieldLabel>Start Code</TextFieldLabel>
               <TextFieldTextArea class="h-[400px]" placeholder="Type your message here." />
             </TextField>
 
-            <TextField class="md:w-1/2" value={endCode} onChange={setEndCode}>
+            <TextField class="w-full md:w-1/2" value={endCode} onChange={setEndCode}>
               <TextFieldLabel>End Code</TextFieldLabel>
               <TextFieldTextArea class="h-[400px]" placeholder="Type your message here." />
             </TextField>