diff --git a/src/components/common/NativeDateSelect.vue b/src/components/common/NativeDateSelect.vue
index caa131f..0c00b30 100644
--- a/src/components/common/NativeDateSelect.vue
+++ b/src/components/common/NativeDateSelect.vue
@@ -150,15 +150,16 @@ const updatePart = (part: DatePart, value: string) => {
 }
 
 .native-date-year {
-  width: 4.05rem;
+  width: 3.85rem;
 }
 
 .native-date-month,
 .native-date-day {
-  width: 2.3rem;
+  width: 2.05rem;
 }
 
 .native-date-separator {
+  margin-inline: -0.1rem;
   color: #789096;
   font-size: 0.95rem;
   opacity: 0.78;
@@ -187,8 +188,8 @@ const updatePart = (part: DatePart, value: string) => {
 @media (min-width: 640px) {
   .native-date-strip {
     width: max-content;
-    min-width: 10.75rem;
-    padding-inline: 0.65rem;
+    min-width: 9.75rem;
+    padding-inline: 0.55rem;
   }
 }
 </style>