diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.tsx b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.tsx
index 1fb6c3dd5..2226c6428 100644
--- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.tsx
+++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/ChatItem/QADisplay/components/MessageRow/components/MessageContent/MessageContent.tsx
@@ -104,7 +104,7 @@ export const MessageContent = ({
                       <Icon
                         name="copy"
                         size="small"
-                        color="black"
+                        color="static-white"
                         handleHover={true}
                       />
                     </div>
diff --git a/frontend/lib/components/ui/Icon/Icon.module.scss b/frontend/lib/components/ui/Icon/Icon.module.scss
index 92c2f0250..ae549b628 100644
--- a/frontend/lib/components/ui/Icon/Icon.module.scss
+++ b/frontend/lib/components/ui/Icon/Icon.module.scss
@@ -67,6 +67,14 @@
   color: var(--icon-0);
 }
 
+.static-white {
+  color: var(--white);
+
+  &:hover {
+    color: var(--primary-0);
+  }
+}
+
 .dangerous {
   color: var(--dangerous);
 
diff --git a/frontend/lib/types/Colors.ts b/frontend/lib/types/Colors.ts
index c02426d33..1798caf11 100644
--- a/frontend/lib/types/Colors.ts
+++ b/frontend/lib/types/Colors.ts
@@ -9,4 +9,5 @@ export type Color =
   | "dangerous"
   | "dangerous-dark"
   | "success"
-  | "warning";
+  | "warning"
+  | "static-white";