diff --git a/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx b/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx
index 0d0f14f9fd..7724eba84e 100644
--- a/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx
+++ b/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx
@@ -1,6 +1,7 @@
 import React, {Component} from 'react'
 import classnames from 'classnames'
 import {ErrorHandling} from 'src/shared/decorators/errors'
+import './overlays.scss'
 
 interface Props {
   children: JSX.Element
diff --git a/ui/src/style/theme/_overlays.scss b/ui/src/reusable_ui/components/overlays/overlays.scss
similarity index 92%
rename from ui/src/style/theme/_overlays.scss
rename to ui/src/reusable_ui/components/overlays/overlays.scss
index 870143ce58..d1e63e165f 100644
--- a/ui/src/style/theme/_overlays.scss
+++ b/ui/src/reusable_ui/components/overlays/overlays.scss
@@ -3,6 +3,10 @@
    -----------------------------------------------------------------------------
 */
 
+@import 'src/style/modules/influx-colors';
+@import 'src/style/modules/variables';
+@import 'src/style/modules/mixins';
+
 $overlay-title-height: $chronograf-page-header-height;
 $overlay-gutter: 30px;
 $overlay-min-height: 150px;
diff --git a/ui/src/style/theme/chronograf-theme.scss b/ui/src/style/theme/chronograf-theme.scss
index b3085129d0..e7b84ab3d2 100644
--- a/ui/src/style/theme/chronograf-theme.scss
+++ b/ui/src/style/theme/chronograf-theme.scss
@@ -18,4 +18,3 @@
 @import 'radio-buttons';
 @import 'misc';
 @import 'code-styles';
-@import 'overlays';