diff --git a/src/views/DeepNineModel.vue b/src/views/DeepNineModel.vue
index d087d6a..3852b68 100644
--- a/src/views/DeepNineModel.vue
+++ b/src/views/DeepNineModel.vue
@@ -316,10 +316,13 @@ const closeNoPermissionDialog = () => {
     /* margin-top: 20px; */
   }
 }
-@media screen and (min-width: 375px) and (max-width: 400px) {
+@media screen and (min-width: 365px) and (max-width: 400px) {
   .top-icon {
     margin-top: -2%;
     width: 80%;
   }
+  .bottom-icon{
+    gap: 1rem;
+  }
 }
 </style>
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index 717712e..d0b9e24 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -2676,7 +2676,7 @@ body {
   display: flex;
   width: 100%;
   margin-bottom: 30px;
-  flex-wrap: wrap;
+  justify-content: center;
   gap: 20px;
 }
 
@@ -2753,7 +2753,7 @@ body {
 .changeLevelItems {
   display: flex;
   background-color: #f8f8f8;
-  width: 20%;
+  width: calc(20% - 12px);
   min-width: 70px;
   max-width: 150px;
   justify-content: center;
@@ -2816,6 +2816,7 @@ body {
   padding: 10px;
   border-radius: 5px;
   cursor: pointer;
+  margin: 0 auto;
 }
 
 .changeBtn:hover {