diff --git a/src/components/Bill/BillDrawer.vue b/src/components/Bill/BillDrawer.vue
index 57a1bc8..552d3b6 100644
--- a/src/components/Bill/BillDrawer.vue
+++ b/src/components/Bill/BillDrawer.vue
@@ -244,11 +244,12 @@ const deleteClick = () => {
     }
 
     .bill-category-group {
-      display: flex;
-      gap: 2px;
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
 
       .el-radio-button {
         .el-radio-button__inner {
+          padding: 8px 10px;
           border: none;
         }
       }