diff --git a/projects/cashmere/src/lib/date-range/calendar-wrapper/calendar-wrapper.component.scss b/projects/cashmere/src/lib/date-range/calendar-wrapper/calendar-wrapper.component.scss
index 8d57341e5..c0817253a 100644
--- a/projects/cashmere/src/lib/date-range/calendar-wrapper/calendar-wrapper.component.scss
+++ b/projects/cashmere/src/lib/date-range/calendar-wrapper/calendar-wrapper.component.scss
@@ -1,4 +1,8 @@
 .hc-calendar-wrapper-form-field > .hc-form-field-wrapper {
     padding-bottom: 0;
-    height: 60px;
+    height: 70px;
+}
+
+.form-container {
+    padding-left: 13px;
 }
diff --git a/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.html b/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.html
index 4ce78f693..b86988b65 100644
--- a/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.html
+++ b/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.html
@@ -1,5 +1,5 @@
 <div class="hc-date-range-calendar-container" *ngIf="(options$ | async) as options">
-    <div class="hc-date-range-calendar-item">
+    <div class="hc-date-range-calendar-item hc-date-range-calendar-wrapper">
         <hc-calendar-wrapper
             [prefixLabel]="options.startDatePrefix"
             [selectedDate]="_fromDate"
diff --git a/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.scss b/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.scss
index 9ae792857..e9ee536d8 100644
--- a/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.scss
+++ b/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.scss
@@ -11,6 +11,10 @@
     font-weight: 400;
 }
 
+.hc-date-range-calendar-wrapper {
+    width: 338px;
+}
+
 .hc-date-range-menu {
     height: 100%;
 }