diff --git a/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts b/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts
index 211080d..b9d7e82 100644
--- a/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts
+++ b/client/src/features/editor/components/ColorOptionModal/BackgroundColorOptionModal.style.ts
@@ -47,11 +47,12 @@ const colorVariants: ColorVariants = {
   yellow: { backgroundColor: "#EEAF66" },
   purple: { backgroundColor: "#9862CD" },
   brown: { backgroundColor: "#985728" },
-  white: { backgroundColor: "#EEEEEE" },
+  white: { backgroundColor: "#FFFFFF" },
 };
 
 export const backgroundColorIndicator = cva({
   base: {
+    border: "0.5px solid gray",
     borderRadius: "3px",
     width: "100%",
     height: "100%",
diff --git a/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts b/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts
index 8ec0cc7..7400a00 100644
--- a/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts
+++ b/client/src/features/editor/components/ColorOptionModal/TextColorOptionModal.style.ts
@@ -46,7 +46,7 @@ const colorVariants: ColorVariants = {
   yellow: { color: "#EEAF66" },
   purple: { color: "#9862CD" },
   brown: { color: "#985728" },
-  white: { color: "#EEEEEE" },
+  white: { color: "#FFFFFF" },
 };
 
 export const textColorIndicator = cva({
@@ -56,6 +56,7 @@ export const textColorIndicator = cva({
     alignItems: "center",
     width: "100%",
     height: "100%",
+    textShadow: "0.5px 0 black",
     fontSize: "16px",
     fontWeight: "bold",
   },