Merge pull request #23 from labcodes/CSYS-302-removing-fixed-width-at…

…-searchinputs [CSYS-302] Remove fixed width for Search components
labcodes · Apr 21, 2022 · 72788d1 · 72788d1
2 parents f7555d2 + 588f440
commit 72788d1
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/scss/components/_lab-searchinput.scss b/scss/components/_lab-searchinput.scss
@@ -58,11 +58,11 @@ $remove-icon-focus: map-get($search-theme, "30");
 .lab-standard-search {
   @include remove-delete-icon-search-input;
   position: relative;
-  z-index: 99;
-  width: 320px;
+  width: 100%;
   margin-top: $spacing-3;
   box-sizing: border-box;
   border-radius: $radius-1;
+  display: block;
 
   .lab-search__remove-icon {
     margin-right: $spacing-13;
@@ -156,10 +156,11 @@ $remove-icon-focus: map-get($search-theme, "30");
 .lab-inline-search {
   @include remove-delete-icon-search-input;
   position: relative;
-  width: 320px;
+  width: 100%;
   margin-top: $spacing-3;
   box-sizing: border-box;
   border-radius: $radius-1;
+  display: block;
 
   .lab-search__field {
     padding-left: $spacing-13;