diff --git a/front/src/components/Msg/ListMsg.tsx b/front/src/components/Msg/ListMsg.tsx
index 1e6181a..6e0e634 100644
--- a/front/src/components/Msg/ListMsg.tsx
+++ b/front/src/components/Msg/ListMsg.tsx
@@ -18,7 +18,7 @@ const StyledLetterBox = styled.div<MsgColor>`
   display: flex;
   align-self: center;
   font: ${props => props.theme.font['--normal-introduce-font']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   flex-direction: column;
   border-radius: 1rem;
   padding: 1.5rem;
@@ -60,7 +60,7 @@ const StyledFromInput = styled.input`
   border: none;
   background-color: transparent;
   color: ${props => props.theme.colors['--nick-name']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   font-size: 1rem;
   font-weight: 700;
   pointer-events: stroke;
diff --git a/front/src/components/Msg/Msg.tsx b/front/src/components/Msg/Msg.tsx
index 8c6b400..1f15fe7 100644
--- a/front/src/components/Msg/Msg.tsx
+++ b/front/src/components/Msg/Msg.tsx
@@ -19,7 +19,7 @@ const StyledLetterBox = styled.div<MsgColor>`
   display: flex;
   align-self: center;
   font: ${props => props.theme.font['--normal-introduce-font']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   flex-direction: column;
   border-radius: 1rem;
   padding: 1.5rem;
@@ -100,7 +100,7 @@ const StyledFromInput = styled.input`
   border: none;
   background-color: transparent;
   color: ${props => props.theme.colors['--nick-name']};
-  text-shadow: -1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black;
+  text-shadow: ${props => props.theme.font['--text-shadow']};
   font-size: 1rem;
   font-weight: 700;
   pointer-events: stroke;