diff --git a/packages/common/src/styles/_variables.scss b/packages/common/src/styles/_variables.scss
index 555fa89b7..9bbd3ea63 100644
--- a/packages/common/src/styles/_variables.scss
+++ b/packages/common/src/styles/_variables.scss
@@ -83,7 +83,7 @@ $header-padding-bottom:                               4px !default;
 $header-padding-left:                                 4px !default;
 $header-padding:                                      $header-padding-top $header-padding-right $header-padding-bottom $header-padding-left !default;
 $header-input-height:                                 27px !default;                        // height of the filter form element (input, textarea, select)
-$header-input-width:                                  100% !default;                        // width of the filter form element (input, textarea, select)
+$header-input-width:                                  none !default;                        // width of the filter form element (input, textarea, select)
 $header-input-padding:                                0 6px !default;                       // padding of the filter form element (input, textarea, select)
 $header-row-background-color:                         #ffffff !default;
 $header-row-count:                                    2 !default;                           // how many rows to display on the header
diff --git a/packages/common/src/styles/slick-bootstrap.scss b/packages/common/src/styles/slick-bootstrap.scss
index 0f2a565a4..bfa5bd6b4 100644
--- a/packages/common/src/styles/slick-bootstrap.scss
+++ b/packages/common/src/styles/slick-bootstrap.scss
@@ -248,7 +248,8 @@
       .slick-headerrow-column textarea {
         margin-right: 0;
         padding: var(--slick-header-input-padding, $header-input-padding);
-        width: var(--slick-header-input-width, $header-input-width);
+        // this is the only CSS variable not working, so only use SASS for now and leave it commented out so we have traces of it
+        width: $header-input-width; // var(--slick-header-input-width, $header-input-width);
         height: var(--slick-header-input-height, $header-input-height);
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;