From cec944bc48b46bdc57a0001d4e9eca4f064c7403 Mon Sep 17 00:00:00 2001
From: chaem03 <hcm0309@naver.com>
Date: Tue, 6 Aug 2024 14:35:53 +0900
Subject: [PATCH] =?UTF-8?q?Design:=20=EB=B8=94=EB=9F=AC=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/RandomDice/styled.js | 2 +-
 src/pages/Share/Share.jsx      | 2 +-
 src/pages/Share/styled.js      | 7 ++++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/pages/RandomDice/styled.js b/src/pages/RandomDice/styled.js
index 0b326b64..d0d1e235 100644
--- a/src/pages/RandomDice/styled.js
+++ b/src/pages/RandomDice/styled.js
@@ -118,7 +118,7 @@ export const Container = styled.div`
     justify-content: center;
     align-items: center;
     color: black;
-
+    font-size: 1rem;
     flex-shrink: 0;
     border-radius: 15px;
     border: 1px solid #c4d9e2;
diff --git a/src/pages/Share/Share.jsx b/src/pages/Share/Share.jsx
index 9a48271c..24c66b26 100644
--- a/src/pages/Share/Share.jsx
+++ b/src/pages/Share/Share.jsx
@@ -84,7 +84,7 @@ const SharePage = ({ onBack }) => {
               alt={starData.name}
               onLoad={() => setIsImageReady(true)}
             />
-            <S.BlurImage className="blur" />
+            <S.BlurImage className="blur" src={blur} />
             <S.BannerTitle>
               <div>{starData.name}</div>
               <div className="profession">{starData.profession}</div>
diff --git a/src/pages/Share/styled.js b/src/pages/Share/styled.js
index 7856b4b6..63c5f7dc 100644
--- a/src/pages/Share/styled.js
+++ b/src/pages/Share/styled.js
@@ -108,6 +108,7 @@ export const ClearMain = styled.div`
     font-weight: bold;
     text-align: center;
     color: white;
+    font-size: 1.2rem;
     transform: translate(-50%, -50%);
   }
 
@@ -137,7 +138,9 @@ export const shareBtn = styled.button`
 
   .ImgSave {
     display: flex;
-
+    color: white;
+    background-color: #78a1b5;
+    font-size: 1rem;
     justify-content: center;
     align-items: center;
     gap: 10px;
@@ -151,6 +154,7 @@ export const shareContainr = styled.div`
   justify-content: center;
   align-items: center;
   margin-top: 1rem;
+  font-size: 1rem;
   .backBtn {
     display: flex;
     width: 200px;
@@ -162,6 +166,7 @@ export const shareContainr = styled.div`
     margin: 0.5rem 0;
     color: black;
     flex-shrink: 0;
+    font-size: 1rem;
     text-align: center;
     border-radius: 19px;
     border: 1px solid #c4d9e2;