diff --git a/src/pages/order-detail.vue b/src/pages/order-detail.vue
index a7c945a..84767a6 100644
--- a/src/pages/order-detail.vue
+++ b/src/pages/order-detail.vue
@@ -79,7 +79,7 @@ const cancelOrder = async () => {
 .container {
   width: 100%;
   height: 100%;
-  background-color: #e4e4e4;
+  background-color: #f5f5f5;
   padding-top: 10px;
 }
 .order {
diff --git a/src/pages/orders.vue b/src/pages/orders.vue
index f5ac516..e86f16b 100644
--- a/src/pages/orders.vue
+++ b/src/pages/orders.vue
@@ -74,7 +74,7 @@ const onLoading = async (page) => {
 .container {
   width: 100%;
   height: 100%;
-  background-color: #e4e4e4;
+  background-color: #f5f5f5;
   padding-top: 10px;
 }
 .order-item {
diff --git a/src/pages/user.vue b/src/pages/user.vue
index 86ab87f..65949e1 100644
--- a/src/pages/user.vue
+++ b/src/pages/user.vue
@@ -98,7 +98,7 @@ const logout = () => {
 
 <style scoped>
 .container {
-  background-color: #e4e4e4;
+  background-color: #f5f5f5;
   height: calc(100vh - 161px);
   margin-top: 20px;
   padding-top: 10px;