diff --git a/src/app/modules/angular-slickgrid/styles/_variables.scss b/src/app/modules/angular-slickgrid/styles/_variables.scss
index 0a969b820..6f459e5a7 100644
--- a/src/app/modules/angular-slickgrid/styles/_variables.scss
+++ b/src/app/modules/angular-slickgrid/styles/_variables.scss
@@ -499,7 +499,7 @@ $date-editor-focus-border-color:                $editor-focus-border-color !defa
 $date-editor-focus-box-shadow:                  $editor-focus-box-shadow !default;
 $date-editor-height:                            $editor-input-height !default;
 $date-editor-clear-button-icon:                 "\f00d" !default;
-$date-editor-clear-button-icon-margin-top:      -14px !default;
+$date-editor-clear-button-icon-margin-top:      -18px !default;
 $date-editor-clear-button-icon-height:          initial !default;
 $date-editor-clear-button-icon-padding:         6px !default;
 $date-editor-clear-button-icon-size:            inherit !default;
diff --git a/src/app/modules/angular-slickgrid/styles/slick-editors.scss b/src/app/modules/angular-slickgrid/styles/slick-editors.scss
index a9965b4ce..f2a4c1a8b 100644
--- a/src/app/modules/angular-slickgrid/styles/slick-editors.scss
+++ b/src/app/modules/angular-slickgrid/styles/slick-editors.scss
@@ -43,6 +43,7 @@
   }
 
   .flatpickr.input-group {
+    height: $date-editor-height;
     .input-group-btn {
       .btn {
         background-color: #eeeeee;
@@ -52,7 +53,7 @@
         border-bottom-right-radius: $text-editor-border-radius;
         cursor: pointer;
         height: $date-editor-height;
-        &.icon-close:before {
+        &.icon-clear:before {
           font-family: $icon-font-family;
           font-size: $date-editor-clear-button-icon-size;
           content: $date-editor-clear-button-icon;