diff --git a/ui/src/style/theme/_dropdowns.scss b/ui/src/style/theme/_dropdowns.scss
index d9a85af2a..0ae7ae42f 100644
--- a/ui/src/style/theme/_dropdowns.scss
+++ b/ui/src/style/theme/_dropdowns.scss
@@ -93,26 +93,7 @@ $dropdown-purple-header: $c-potassium;
   align-items: center;
 
   .caret {
-    position: absolute;
-    top: calc(50% + 1px);
     right: $form-md-padding;
-    transform: translateY(-50%);
-    width: 11px;
-    height: 16px;
-
-    &:after {
-      content: "\e902";
-      font-family: 'icomoon' !important;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-      color: inherit;
-      display: inline;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%,-55%);
-      font-size: 11px;
-    }
   }
 
   > .icon {
diff --git a/ui/src/style/theme/_misc.scss b/ui/src/style/theme/_misc.scss
new file mode 100644
index 000000000..621b7f577
--- /dev/null
+++ b/ui/src/style/theme/_misc.scss
@@ -0,0 +1,27 @@
+/*
+   Miscellaneous
+   -----------------------------------------------------------------------------
+*/
+
+.caret {
+  position: absolute;
+  top: calc(50% + 1px);
+  right: $form-md-padding;
+  transform: translateY(-50%);
+  width: 11px;
+  height: 16px;
+
+  &:after {
+    content: "\e902";
+    font-family: 'icomoon' !important;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: inherit;
+    display: inline;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-55%);
+    font-size: 11px;
+  }
+}
diff --git a/ui/src/style/theme/chronograf-theme.scss b/ui/src/style/theme/chronograf-theme.scss
index 523e8647d..3800fe5e3 100644
--- a/ui/src/style/theme/chronograf-theme.scss
+++ b/ui/src/style/theme/chronograf-theme.scss
@@ -14,3 +14,4 @@
 @import 'alerts';
 @import 'panels';
 @import 'radio-buttons';
+@import 'misc';