From 44f9cabdb2e84c87278d16a780f277eabb0b0af0 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Wed, 25 May 2022 11:06:23 +0430
Subject: [PATCH] update src/components/ThemeColor/index.js

---
 src/components/ThemeColor/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ThemeColor/index.js b/src/components/ThemeColor/index.js
index f57ecf2..55c1d0b 100644
--- a/src/components/ThemeColor/index.js
+++ b/src/components/ThemeColor/index.js
@@ -98,11 +98,11 @@ const ColorCard = ({ theme, text, dark, light, item, setItem }) => {
           />
         )}
       </div>
-      <div className="flex flex-row justify-around">
+      <div className="flex flex-row justify-between">
         {" "}
         {dark ? (
           <div
-            className={`flex-col cursor-pointer rounded-sm relative p-4 w-[160px] h-[75px] bg-${item}Dark ${
+            className={`flex-col cursor-pointer rounded-sm relative p-4 w-[165px] h-[75px] bg-${item}Dark ${
               text ? `text-${item}Text` : ""
             }`}
             onClick={() => setItem(item + "Dark")}
@@ -116,7 +116,7 @@ const ColorCard = ({ theme, text, dark, light, item, setItem }) => {
         ) : null}
         {light ? (
           <div
-            className={`flex flex-col cursor-pointer rounded-sm relative p-4 w-[160px] h-[75px]  bg-${item}Light ${
+            className={`flex flex-col cursor-pointer rounded-sm relative p-4 w-[165px] h-[75px]  bg-${item}Light ${
               text ? `text-${item}Text` : ""
             }`}
             onClick={() => setItem(item + "Light")}