diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue
index 864a61f..909763c 100644
--- a/src/views/AiEmotion.vue
+++ b/src/views/AiEmotion.vue
@@ -1531,7 +1531,7 @@ defineExpose({
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 25vw;
+  gap: 25%;
   /* flex-direction: column; */
   /* gap: 1rem; */
 }
@@ -1565,6 +1565,7 @@ defineExpose({
   background-size: 100% 100%;
   /* width: 50%; */
   width: 30vw;
+  max-width: 400px;
   min-width: 200px;
   min-height: 40px;
   text-align: center;
@@ -1582,6 +1583,7 @@ defineExpose({
   background-size: 100% 100%;
   /* width: 35%; */
   width: 30vw;
+  max-width: 400px;
   min-width: 200px;
   min-height: 40px;
   text-align: center;