diff --git a/src/assets/css/common.scss b/src/assets/css/common.scss
index 650a829..682ce00 100644
--- a/src/assets/css/common.scss
+++ b/src/assets/css/common.scss
@@ -1,4 +1,4 @@
-@use '@/assets/css/constants.scss' as constants;
+@use '@/assets/css/constants' as constants;
 
 #root {
   height: 100vh;
diff --git a/src/assets/css/components/common/card.scss b/src/assets/css/components/common/card.scss
index a7688e6..7b78684 100644
--- a/src/assets/css/components/common/card.scss
+++ b/src/assets/css/components/common/card.scss
@@ -1,4 +1,7 @@
+@use '@/assets/css/constants' as constants;
+
 .card-box {
+  background-color: constants.$origin-color;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);
diff --git a/src/assets/css/components/common/indicator.scss b/src/assets/css/components/common/indicator.scss
index efe8e76..1af0d13 100644
--- a/src/assets/css/components/common/indicator.scss
+++ b/src/assets/css/components/common/indicator.scss
@@ -1,4 +1,4 @@
-@use '@/assets/css/constants.scss' as constants;
+@use '@/assets/css/constants' as constants;
 
 .dot-list {
   display: flex;