diff --git a/frontend/package.json b/frontend/package.json
index 54aca76..18debd4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "mapdash-frontend",
   "private": true,
-  "version": "0.2.14",
+  "version": "0.2.15",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/datepicker.ts b/frontend/src/datepicker.ts
index 5c8f8fe..a2b8467 100644
--- a/frontend/src/datepicker.ts
+++ b/frontend/src/datepicker.ts
@@ -16,7 +16,8 @@ function toISO(d: Date): string {
 }
 function fmt(iso: string): string {
   const p = iso.split('-');
-  return p.length === 3 ? `${p[2]}.${p[1]}.${p[0]}` : iso;
+  // Short 2-digit year so the full range fits the compact "Период" field.
+  return p.length === 3 ? `${p[2]}.${p[1]}.${p[0].slice(2)}` : iso;
 }
 
 export interface DateRange {
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index a0e5edd..72de553 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -107,7 +107,7 @@ header {
 .hgroup-fields {
   flex-shrink: 4; min-width: 0;
   display: grid;
-  grid-template-columns: repeat(4, 170px);
+  grid-template-columns: repeat(4, 195px);
   gap: 12px 14px;
   align-items: start;
   align-content: start;
@@ -124,7 +124,7 @@ header {
 
 /* ---- date-range field + calendar popup ---- */
 .field-dates { grid-column: span 2; }
-.field-dates .dr-field { max-width: 333px; } /* the "Период" field is 40px narrower than its 2-col slot */
+.field-dates .dr-field { max-width: 195px; } /* "Период" matches the other fields (short 2-digit-year date fits) */
 .dr-native { display: none; }
 .daterange { position: relative; }
 .dr-field {