From d3b674a78450e4fb0b3a6e546586189fa61d3bb6 Mon Sep 17 00:00:00 2001
From: KGN <kevin.glovernetherton@gmail.com>
Date: Mon, 19 Aug 2024 10:24:24 -0400
Subject: [PATCH] Padding adjustment to line up bottom and side

---
 src/app/src/components/Widget/Content.tsx | 4 ++--
 src/app/src/workspace/ToolArea/index.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/src/components/Widget/Content.tsx b/src/app/src/components/Widget/Content.tsx
index 30b67c3c9..c3c439539 100644
--- a/src/app/src/components/Widget/Content.tsx
+++ b/src/app/src/components/Widget/Content.tsx
@@ -29,8 +29,8 @@ const Content: React.FC<WidgetProps> = ({ className, active, ...props }) => (
         {...props}
         className={classNames(
             className,
-            "flex items-stretch border-solid border-[1px] border-gray-200 relative rounded-lg " +
-            "p-4 h-full min-w-80 bg-gray-100 " +
+            "flex items-stretch border-solid border-[1px] border-gray-300 relative rounded-lg " +
+            "p-4 h-full min-w-80 bg-gray-50 " +
             "[@media(max-width: 639px),(max-device-width: 639px)]: p-2"
         )}
     />
diff --git a/src/app/src/workspace/ToolArea/index.tsx b/src/app/src/workspace/ToolArea/index.tsx
index d3a99ecdc..46dd61433 100644
--- a/src/app/src/workspace/ToolArea/index.tsx
+++ b/src/app/src/workspace/ToolArea/index.tsx
@@ -4,7 +4,7 @@ import {Tools} from "../../features/Tools";
 
 export const ToolArea = () => {
     return (
-        <div className="p-1 flex-1 flex gap-2 box-border">
+        <div className="flex-1 flex gap-2 box-border">
             <div className="w-full p-1 box-border">
                 <FileControl />
             </div>