diff --git a/src/components/ChoicePanel.vue b/src/components/ChoicePanel.vue
index a2d7cc4..fdd839f 100644
--- a/src/components/ChoicePanel.vue
+++ b/src/components/ChoicePanel.vue
@@ -159,10 +159,10 @@ function handleChoose(index: number) {
 
 .choice-list {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  flex-wrap: wrap;
   gap: 10px;
-  max-width: 500px;
-  margin: 0 auto;
+  justify-content: center;
 }
 
 .choice-list.disabled {
@@ -172,6 +172,8 @@ function handleChoose(index: number) {
 
 .choice-btn {
   position: relative;
+  flex: 1;
+  min-width: 120px;
   padding: 14px 24px;
   font-size: 16px;
   color: #fff;