diff --git a/ui/src/components/select/QSelect.sass b/ui/src/components/select/QSelect.sass
index 6ec26f00cd80..a003977a59f2 100644
--- a/ui/src/components/select/QSelect.sass
+++ b/ui/src/components/select/QSelect.sass
@@ -6,6 +6,27 @@
     .q-field__control
       cursor: text
 
+  &--with-chips
+    .q-field__input
+      margin: 7px 0
+
+    &.q-field--labeled
+      .q-field__native
+        margin-top: -6px
+        padding-bottom: 0
+
+    &.q-field--dense
+      .q-chip--dense
+        margin: 1px 4px
+        height: 20px
+
+      .q-field__input
+        margin: 0
+
+      &.q-field--labeled
+        .q-field__native
+          margin-top: 0
+
   .q-field__input
     min-width: 50px !important
     cursor: text
diff --git a/ui/src/components/select/QSelect.styl b/ui/src/components/select/QSelect.styl
index 6ec26f00cd80..a003977a59f2 100644
--- a/ui/src/components/select/QSelect.styl
+++ b/ui/src/components/select/QSelect.styl
@@ -6,6 +6,27 @@
     .q-field__control
       cursor: text
 
+  &--with-chips
+    .q-field__input
+      margin: 7px 0
+
+    &.q-field--labeled
+      .q-field__native
+        margin-top: -6px
+        padding-bottom: 0
+
+    &.q-field--dense
+      .q-chip--dense
+        margin: 1px 4px
+        height: 20px
+
+      .q-field__input
+        margin: 0
+
+      &.q-field--labeled
+        .q-field__native
+          margin-top: 0
+
   .q-field__input
     min-width: 50px !important
     cursor: text