diff --git a/client/patterns/custom-radio-button/Cover.tsx b/client/patterns/custom-radio-button/Cover.tsx
index 312a28a..891af70 100644
--- a/client/patterns/custom-radio-button/Cover.tsx
+++ b/client/patterns/custom-radio-button/Cover.tsx
@@ -36,7 +36,7 @@ const Cover: React.FC<{}> = () => {
                             padding: '4px',
                         }}
                     >
-                        <Circle />
+                        <Circle backgroundColor='#00449E' />
                     </div>
                     <div style={{ flex: 1 }}>
                         <Rectangle />
diff --git a/client/patterns/custom-radio-button/Details.tsx b/client/patterns/custom-radio-button/Details.tsx
index 2630f5c..c83113a 100644
--- a/client/patterns/custom-radio-button/Details.tsx
+++ b/client/patterns/custom-radio-button/Details.tsx
@@ -40,7 +40,7 @@ const Details: React.FC<{}> = () => {
                     <div
                         style={{
                             backgroundColor: value === selectedValue
-                                ? 'rgba(0, 0, 0, 0.3)'
+                                ? '#00449E'
                                 : 'transparent',
                             borderRadius: '9999px',
                             height: '16px',