diff --git a/themes/nswds/app/frontend/src/scss/components/waratah/_filters.scss b/themes/nswds/app/frontend/src/scss/components/waratah/_filters.scss
index 175d013..859c229 100644
--- a/themes/nswds/app/frontend/src/scss/components/waratah/_filters.scss
+++ b/themes/nswds/app/frontend/src/scss/components/waratah/_filters.scss
@@ -10,3 +10,47 @@
     overflow: auto;
   }
 }
+
+form {
+
+  &.nsw-filters {
+
+    &.wrth-form-hrz {
+
+      .nsw-filters {
+
+        &__title {
+          margin: 0;
+          padding: 0 0 nswdsFunctions.rem(24px) 0;
+        }
+
+        &__list {
+          padding: 0 0 nswdsFunctions.rem(24px) 0;
+          display: flex;
+          flex-wrap: wrap;
+          align-items: flex-end;
+          justify-content: space-between;
+          gap: nswdsFunctions.rem(12px);
+
+          .nsw-filters__item {
+            padding: 0;
+            margin: 0;
+            border: none;
+            box-sizing: border-box;
+            flex: 0 1 calc(50% - nswdsFunctions.rem(16px));
+          }
+        }
+
+        &__accept {
+          margin: 0;
+          padding: 0;
+          border-top: none;
+        }
+
+      }
+
+    }
+
+  }
+
+}
diff --git a/themes/nswds/app/frontend/src/scss/components/waratah/_form.scss b/themes/nswds/app/frontend/src/scss/components/waratah/_form.scss
index 250a96d..39eb257 100644
--- a/themes/nswds/app/frontend/src/scss/components/waratah/_form.scss
+++ b/themes/nswds/app/frontend/src/scss/components/waratah/_form.scss
@@ -50,6 +50,13 @@ form {
     @extend .nsw-button--danger;
   }
 
+  input[type=color] {
+    @extend .nsw-form__input;
+    padding: 1px 2px;
+    margin: 0;
+    background-color: transparent;
+    min-height: nswdsFunctions.rem(48px);
+  }
 
   @include nswdsMixins.breakpoint("sm") {
     /**