diff --git a/app.py b/app.py
index 2b94b1e..fc7ba46 100644
--- a/app.py
+++ b/app.py
@@ -577,11 +577,13 @@ footer { display: none !important; }
     gap: 10px !important;
     align-items: stretch !important;
 }
-.example-chip-btn {
+/* 버튼 wrapper(.block)에 flex:1 적용 */
+.example-chips-row .block {
     flex: 1 !important;
     min-width: 0 !important;
 }
-.example-chip-btn button {
+/* 버튼 자체에 셀렉터 적용 (elem_classes가 button에 직접 붙음) */
+button.example-chip-btn {
     border-radius: 16px !important;
     border: 1.5px solid #e8edf4 !important;
     background: #ffffff !important;
@@ -590,24 +592,22 @@ footer { display: none !important; }
     font-size: 1rem !important;
     font-weight: 400 !important;
     line-height: 1.5 !important;
-    box-shadow: 0 2px 8px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.02) !important;
+    box-shadow: 0 2px 8px rgba(0,0,0,.07) !important;
     white-space: normal !important;
     text-align: left !important;
     width: 100% !important;
-    height: 100% !important;
+    height: auto !important;
     min-height: 80px !important;
     justify-content: flex-start !important;
     transition: all .2s ease !important;
 }
-.example-chip-btn button::after {
+button.example-chip-btn::after {
     content: ' →';
     color: #94a3b8;
-    font-size: .8rem;
-    margin-left: 4px;
-    transition: color .2s, transform .2s;
-    display: inline-block;
+    font-size: .85rem;
+    margin-left: 6px;
 }
-.example-chip-btn button:hover {
+button.example-chip-btn:hover {
     background: linear-gradient(135deg, #f0f7ff 0%, #f5f3ff 100%) !important;
     border-color: #a5b4fc !important;
     color: #1e40af !important;
@@ -697,8 +697,8 @@ div:focus,
 .dark .message-wrap .bot  { background: #1e293b !important; border-color: #334155 !important; }
 .dark .nav-btn button:hover { background: #1e293b !important; }
 .dark .nav-btn button.nav-active { background: #1e3a5f !important; color: #93c5fd !important; }
-.dark .example-chip-btn button { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important; box-shadow: 0 1px 6px rgba(0,0,0,.3) !important; }
-.dark .example-chip-btn button:hover { background: linear-gradient(135deg, #1e3a5f, #1e1b4b) !important; border-color: #818cf8 !important; color: #c7d2fe !important; }
+.dark button.example-chip-btn { background: #1e293b !important; border-color: #334155 !important; color: #e2e8f0 !important; box-shadow: 0 1px 6px rgba(0,0,0,.3) !important; }
+.dark button.example-chip-btn:hover { background: linear-gradient(135deg, #1e3a5f, #1e1b4b) !important; border-color: #818cf8 !important; color: #c7d2fe !important; }
 .dark #control-panel { background: #1e293b !important; border-color: #334155 !important; }
 """
 
@@ -802,7 +802,7 @@ with gr.Blocks(title="율봇", css=_CUSTOM_CSS, theme=_THEME, js=_JS) as demo:
                 # D4-4: 예시 질문 Chips — 버튼 label은 이모지 포함, 전송값은 텍스트만
                 with gr.Row(elem_classes=["example-chips-row"]):
                     chip_btns = [
-                        gr.Button(label, elem_classes=["example-chip-btn"], size="sm")
+                        gr.Button(label, elem_classes=["example-chip-btn"])
                         for label, _ in _EXAMPLE_CHIPS
                     ]