diff --git a/apps/jingrow/frontend/src/core/components/FilterBar.vue b/apps/jingrow/frontend/src/core/components/FilterBar.vue
index 7db23e1..a498010 100644
--- a/apps/jingrow/frontend/src/core/components/FilterBar.vue
+++ b/apps/jingrow/frontend/src/core/components/FilterBar.vue
@@ -641,12 +641,12 @@ watch(() => filterableFields.value, (fields) => {
   background: white;
   border: 1px solid #e5e7eb;
   border-radius: 6px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 .filter-content {
-  padding: 12px 16px;
+  padding: 8px 16px;
 }
 
 .empty-state {
@@ -665,14 +665,14 @@ watch(() => filterableFields.value, (fields) => {
 .filter-row {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 8px;
   flex-wrap: wrap;
 }
 
 .filter-item {
   display: flex;
   align-items: center;
-  padding: 4px 8px;
+  padding: 3px 8px;
   border-radius: 4px;
   transition: all 0.2s ease;
   min-width: 0;