From 338298e14b6e366f5270fb8a2aa744b875a178a2 Mon Sep 17 00:00:00 2001
From: Harshit Singh <73997189+harshit078@users.noreply.github.com>
Date: Fri, 6 Sep 2024 13:50:22 +0530
Subject: [PATCH] fix: Minor UI fixes in Settings page  (#6915)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description

This PR fixes the issue #6887.

## Current Behaviour

-
https://github.com/user-attachments/assets/6e53f7f5-7fed-4482-9c67-fb33969429ab

- <img width="539" alt="Screenshot 2024-09-04 at 10 25 14 AM"
src="https://github.com/user-attachments/assets/a1a1f8ac-8069-4b07-9ca1-d0c77596ff3b">

## Expected behavior

-
https://github.com/user-attachments/assets/63e92a6a-6be5-4d0a-b42f-d4310492b8b4

- <img width="226" alt="Screenshot 2024-09-04 at 10 36 49 AM"
src="https://github.com/user-attachments/assets/94e360c2-26ed-41f3-8943-dfee2b6c2a48">
---
 .../ui/input/color-scheme/components/ColorSchemePicker.tsx       | 1 +
 .../twenty-front/src/modules/ui/input/components/ImageInput.tsx  | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemePicker.tsx b/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemePicker.tsx
index 71e900ab4..af7945cf7 100644
--- a/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemePicker.tsx
+++ b/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemePicker.tsx
@@ -11,6 +11,7 @@ const StyledContainer = styled.div`
   > * + * {
     margin-left: ${({ theme }) => theme.spacing(4)};
   }
+  overflow: scroll;
 `;
 
 const StyledCardContainer = styled.div`
diff --git a/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx b/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx
index df318dd3b..1c8e348ac 100644
--- a/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx
+++ b/packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx
@@ -157,6 +157,7 @@ export const ImageInput = ({
           )}
           <Button
             Icon={IconTrash}
+            accent="danger"
             onClick={onRemove}
             variant="secondary"
             title="Remove"