From 7967d2d643c1e3748cfabe129024a626bc395c63 Mon Sep 17 00:00:00 2001
From: Harshit Singh <73997189+harshit078@users.noreply.github.com>
Date: Fri, 20 Sep 2024 15:11:20 +0530
Subject: [PATCH] fix: Update theme card width (#7147)

> [!Note]
> This PR solves the issue #7119
> Updated the width of Style Color card from ` 120px `to ` 160px` for
better UI
---
 .../ui/input/color-scheme/components/ColorSchemeCard.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemeCard.tsx b/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemeCard.tsx
index 00daf1cff..85bb45a67 100644
--- a/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemeCard.tsx
+++ b/packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemeCard.tsx
@@ -41,7 +41,7 @@ const StyledColorSchemeBackground = styled.div<
   overflow: hidden;
   padding-left: ${({ theme }) => theme.spacing(6)};
   padding-top: ${({ theme }) => theme.spacing(6)};
-  width: 120px;
+  width: 160px;
 `;
 
 const StyledColorSchemeContent = styled(motion.div)<
@@ -120,7 +120,7 @@ const ColorSchemeSegment = ({
 
 const StyledContainer = styled.div`
   position: relative;
-  width: 120px;
+  width: 160px;
 `;
 
 const StyledMixedColorSchemeSegment = styled.div`
@@ -130,7 +130,7 @@ const StyledMixedColorSchemeSegment = styled.div`
   height: 80px;
   overflow: hidden;
   position: relative;
-  width: 120px;
+  width: 160px;
 `;
 
 const StyledCheckmarkContainer = styled(motion.div)`