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>