ISTWCMS-5759: css to clean up the bleed into layout builder forms

src/patterns/01-core/elements/_option.scss

@@ -27,5 +27,5 @@ label.option,
   font-weight:  normal;
   letter-spacing:inherit;
   margin-left: var(--size-05);
-  padding: var(--size-1) 0 var(--size-1) var(--size-4);
+  padding: var(--size-1) 0;
 }

src/patterns/01-core/elements/_select.scss

@@ -6,11 +6,12 @@
 :where(select) {
   @include svg-background(select-arrows);
   appearance: none;
-  background-color: var(--gray-2);
+  background-color: var(--gray-1);
   background-position: right 10px center; // LTR
   background-repeat: no-repeat;
   background-size: 20px;
-  border-radius: var(--radius-2);
+  border: var(--size-xs) solid  var(--gray-3);
+  border-radius: var(--radius-1);
   color: inherit;
   cursor: pointer;
   font-family: var(--font-systemmedium);
@@ -18,14 +19,19 @@
   letter-spacing: inherit;
   padding-block: .75ch;
   padding-inline: 1.25ch 0;
-  padding-right: 10px; // LTR
+  padding-right: var(--size-4); // LTR
   touch-action: manipulation;
+  width: 100%;
   &:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 #000;
   }
-
   &::-ms-expand {
     display: none;
   }
 }
+.form-item-moderation-state-0-state{
+  .form-select{
+    width: auto;
+  }
+}

src/patterns/01-core/mixins/_button.scss

@@ -149,7 +149,7 @@ $button-font-size: var(--font-size-1) !default;
   background: var(--uw-white) !important;
   color: var(--uw-black) !important;
   padding: var(--size-1) var(--size-2);
-  width:auto;
+  width: auto;
   &:hover,
   &:focus {
     border: 1px solid transparent !important;
@@ -167,7 +167,7 @@ $button-font-size: var(--font-size-1) !default;
   color: var(--uw-white) !important;
   background: var(--uw-black) !important;
   padding: var(--size-1) var(--size-2);
-  width:auto;
+  width: auto;
   &:hover,
   &:focus {
     border: 1px solid transparent !important;

src/patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss

@@ -134,11 +134,6 @@ form {
     padding: 0 var(--size-2);
     text-align: center;
   }
-  // Removes gap at bottom of editor in dialogue
-  .odd .form-item,
-  .even .form-item {
-    margin-bottom: 0 !important;
-  }
 
   // Resets the min width.
   .field-multiple-table {

src/patterns/04-components/filters/_filters.scss

@@ -5,7 +5,7 @@
  */
 @use '../../01-core' as *;
 
-.views-exposed-form{
+.views-exposed-form.bef-exposed-form{
   margin: 0 !important;
   padding: 0 !important;
   .form-actions{
@@ -86,6 +86,7 @@
     display: block;
     font-family: inherit;
     font-size: inherit;
+    padding: var(--size-1) 0 var(--size-1) var(--size-4);
     position: relative;
     &::before,
     &::after {