diff --git a/src/views/DeepNineModel.vue b/src/views/DeepNineModel.vue
index 3852b68..52055fe 100644
--- a/src/views/DeepNineModel.vue
+++ b/src/views/DeepNineModel.vue
@@ -296,6 +296,7 @@ const closeNoPermissionDialog = () => {
   }
 
   .sub-title {
+    max-width: 400px;
     width: 80%;
     margin-top: 25%;
   }
@@ -316,12 +317,14 @@ const closeNoPermissionDialog = () => {
     /* margin-top: 20px; */
   }
 }
-@media screen and (min-width: 365px) and (max-width: 400px) {
+/* @media screen and (min-width: 365px) and (max-width: 400px){ */
+@media screen and (max-width: 768px) {
   .top-icon {
     margin-top: -2%;
     width: 80%;
   }
   .bottom-icon{
+    bottom: 2vh;
     gap: 1rem;
   }
 }
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index f14b901..32d2715 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -2744,7 +2744,7 @@ body {
 .changeLevelItems {
   display: flex;
   background-color: #f8f8f8;
-  width: calc(20% - 12px);
+  width: 20%;
   min-width: 70px;
   max-width: 150px;
   justify-content: center;
@@ -3117,10 +3117,17 @@ body {
   }
 
   .changeLevelItems {
-    flex: 0 0 calc(33% - 20px);
+    flex: 0 0 calc(33% - 30px);
     /* margin-right: auto; */
+    font-size: 0.7rem;
+    min-width: 0px;
   }
 
+  /* .changeLevelItems {
+    
+    
+  } */
+
   .changeLevelTitle {
     align-items: center;
     display: flex;
@@ -3147,10 +3154,7 @@ body {
     font-size: 0.5rem;
   } */
 
-  .changeLevelItems {
-    font-size: 0.7rem;
-    min-width: 0px;
-  }
+
 
   .changeLevelItemToken {
     white-space: nowrap;