diff --git a/src/pages/home/Home.js b/src/pages/home/Home.js
index dfd27ef..7e5e5be 100644
--- a/src/pages/home/Home.js
+++ b/src/pages/home/Home.js
@@ -33,7 +33,8 @@ const customStyles = {
     right: 'auto',
     bottom: 'auto',
     marginRight: '-50%',
-    transform: 'translate(-50%, -50%)'
+    transform: 'translate(-50%, -50%)',
+    backgroundColor: 'black',
   }
 };
 
@@ -177,7 +178,7 @@ function Home() {
         <styles.ModalContent>
           <styles.ModalTitle>생성형 AI 작성 중</styles.ModalTitle>
           <styles.ModalText>잠시만 기다려주세요</styles.ModalText>
-          <BeatLoader color="#36D7B7" loading={loading} size={15} margin={2} />
+          <BeatLoader color="#FFFFFF" loading={loading} size={15} margin={2} />
         </styles.ModalContent>
       </Modal>
 
@@ -190,7 +191,7 @@ function Home() {
         <styles.ModalContent>
           <styles.ModalTitle>Velog 업로드 중</styles.ModalTitle>
           <styles.ModalText>잠시만 기다려주세요</styles.ModalText>
-          <BeatLoader color="#36D7B7" loading={loading} size={15} margin={2} />
+          <BeatLoader color="#FFFFFF" loading={loading} size={15} margin={2} />
         </styles.ModalContent>
       </Modal>
 
diff --git a/src/pages/home/Home.styles.js b/src/pages/home/Home.styles.js
index 2af866f..76c0b16 100644
--- a/src/pages/home/Home.styles.js
+++ b/src/pages/home/Home.styles.js
@@ -57,11 +57,11 @@ export const FormText = styled.p`
 export const ModalTitle = styled.h1`
   text-align: left;
   margin: 2vh 0;
-  color: black;
+  color: white;
 `
 export const ModalText = styled.p`
   text-align: left;
-  color: black
+  color: white;
 `;
 
 export const Input = styled.input`