diff --git a/ui/src/dashboards/components/import_dashboard_mappings/ImportDashboardMappings.tsx b/ui/src/dashboards/components/import_dashboard_mappings/ImportDashboardMappings.tsx
index 72c66b12dc..d8b5fe4967 100644
--- a/ui/src/dashboards/components/import_dashboard_mappings/ImportDashboardMappings.tsx
+++ b/ui/src/dashboards/components/import_dashboard_mappings/ImportDashboardMappings.tsx
@@ -25,9 +25,6 @@ import {
   SourceItemValue,
 } from 'src/types/dashboards'
 
-// Styles
-import 'src/dashboards/components/import_dashboard_mappings/ImportDashboardMappings.scss'
-
 interface Props {
   cells: Cell[]
   source: Source
diff --git a/ui/src/logs/components/expandable_message/ExpandableMessage.tsx b/ui/src/logs/components/expandable_message/ExpandableMessage.tsx
index 74aad0604c..c5b6b36ed2 100644
--- a/ui/src/logs/components/expandable_message/ExpandableMessage.tsx
+++ b/ui/src/logs/components/expandable_message/ExpandableMessage.tsx
@@ -1,6 +1,5 @@
 import React, {Component} from 'react'
 
-import './ExpandableMessage.scss'
 import {ClickOutside} from 'src/shared/components/ClickOutside'
 
 interface State {
diff --git a/ui/src/reusable_ui/components/Button/index.tsx b/ui/src/reusable_ui/components/Button/index.tsx
index 28cecf5c07..4083213916 100644
--- a/ui/src/reusable_ui/components/Button/index.tsx
+++ b/ui/src/reusable_ui/components/Button/index.tsx
@@ -11,9 +11,6 @@ import {
   IconFont,
 } from 'src/reusable_ui/types'
 
-// Styles
-import 'src/reusable_ui/components/Button/Button.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/card_select/CardSelectCard.tsx b/ui/src/reusable_ui/components/card_select/CardSelectCard.tsx
index 8edf979e75..add1215b9d 100644
--- a/ui/src/reusable_ui/components/card_select/CardSelectCard.tsx
+++ b/ui/src/reusable_ui/components/card_select/CardSelectCard.tsx
@@ -5,9 +5,6 @@ import classnames from 'classnames'
 // Types
 import {CardSelectCardProps} from 'src/types/cardSelect'
 
-// Styles
-import 'src/reusable_ui/components/card_select/CardSelectCard.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface State {
diff --git a/ui/src/reusable_ui/components/dropdowns/Dropdown.tsx b/ui/src/reusable_ui/components/dropdowns/Dropdown.tsx
index a802a76509..12a51396b9 100644
--- a/ui/src/reusable_ui/components/dropdowns/Dropdown.tsx
+++ b/ui/src/reusable_ui/components/dropdowns/Dropdown.tsx
@@ -18,9 +18,6 @@ import {
   IconFont,
 } from 'src/reusable_ui/types'
 
-// Styles
-import 'src/reusable_ui/components/dropdowns/Dropdown.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/dropdowns/DropdownButton.tsx b/ui/src/reusable_ui/components/dropdowns/DropdownButton.tsx
index dbced3a4e7..822e2f3e69 100644
--- a/ui/src/reusable_ui/components/dropdowns/DropdownButton.tsx
+++ b/ui/src/reusable_ui/components/dropdowns/DropdownButton.tsx
@@ -11,10 +11,6 @@ import {
   DropdownChild,
 } from 'src/reusable_ui/types'
 
-// Styles
-import 'src/reusable_ui/components/Button/Button.scss'
-import 'src/reusable_ui/components/dropdowns/DropdownButton.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/form_layout/Form.tsx b/ui/src/reusable_ui/components/form_layout/Form.tsx
index e82b212fcc..926207a526 100644
--- a/ui/src/reusable_ui/components/form_layout/Form.tsx
+++ b/ui/src/reusable_ui/components/form_layout/Form.tsx
@@ -8,9 +8,6 @@ import FormLabel from 'src/reusable_ui/components/form_layout/FormLabel'
 import FormDivider from 'src/reusable_ui/components/form_layout/FormDivider'
 import FormFooter from 'src/reusable_ui/components/form_layout/FormFooter'
 
-// Styles
-import 'src/reusable_ui/components/form_layout/Form.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/inputs/Input.tsx b/ui/src/reusable_ui/components/inputs/Input.tsx
index 36415190a7..a429e04575 100644
--- a/ui/src/reusable_ui/components/inputs/Input.tsx
+++ b/ui/src/reusable_ui/components/inputs/Input.tsx
@@ -10,9 +10,6 @@ import classnames from 'classnames'
 // Types
 import {ComponentStatus, ComponentSize, IconFont} from 'src/reusable_ui/types'
 
-// Styles
-import 'src/reusable_ui/components/inputs/Input.scss'
-
 export enum InputType {
   Text = 'text',
   Number = 'number',
diff --git a/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx b/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx
index 6b13d8178d..53f9bf33f3 100644
--- a/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx
+++ b/ui/src/reusable_ui/components/overlays/OverlayTechnology.tsx
@@ -2,9 +2,6 @@
 import React, {Component} from 'react'
 import classnames from 'classnames'
 
-// Styles
-import 'src/reusable_ui/components/overlays/Overlay.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/panel/Panel.tsx b/ui/src/reusable_ui/components/panel/Panel.tsx
index 8a7a21c66a..d483a3aabb 100644
--- a/ui/src/reusable_ui/components/panel/Panel.tsx
+++ b/ui/src/reusable_ui/components/panel/Panel.tsx
@@ -8,9 +8,6 @@ import PanelHeader from 'src/reusable_ui/components/panel/PanelHeader'
 import PanelBody from 'src/reusable_ui/components/panel/PanelBody'
 import PanelFooter from 'src/reusable_ui/components/panel/PanelFooter'
 
-// Styles
-import 'src/reusable_ui/components/panel/Panel.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 export enum PanelType {
diff --git a/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx b/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx
index 5b00713387..dbedc5f31f 100644
--- a/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx
+++ b/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx
@@ -5,9 +5,6 @@ import classnames from 'classnames'
 // Types
 import {ComponentColor, ComponentSize} from 'src/reusable_ui/types'
 
-// Styles
-import 'src/reusable_ui/components/slide_toggle/SlideToggle.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/wizard/ProgressConnector.tsx b/ui/src/reusable_ui/components/wizard/ProgressConnector.tsx
index 96b384f1ef..c99de7cbdd 100644
--- a/ui/src/reusable_ui/components/wizard/ProgressConnector.tsx
+++ b/ui/src/reusable_ui/components/wizard/ProgressConnector.tsx
@@ -4,9 +4,6 @@ import React, {PureComponent} from 'react'
 // Types
 import {ConnectorState} from 'src/reusable_ui/constants/wizard'
 
-// Styles
-import 'src/reusable_ui/components/wizard/ProgressConnector.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/wizard/WizardButtonBar.tsx b/ui/src/reusable_ui/components/wizard/WizardButtonBar.tsx
index 6eb76b59f8..e5cfc26747 100644
--- a/ui/src/reusable_ui/components/wizard/WizardButtonBar.tsx
+++ b/ui/src/reusable_ui/components/wizard/WizardButtonBar.tsx
@@ -1,9 +1,6 @@
 // Libraries
 import React, {PureComponent} from 'react'
 
-// Styles
-import 'src/reusable_ui/components/wizard/WizardButtonBar.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/wizard/WizardController.tsx b/ui/src/reusable_ui/components/wizard/WizardController.tsx
index 61619ff539..4c10911846 100644
--- a/ui/src/reusable_ui/components/wizard/WizardController.tsx
+++ b/ui/src/reusable_ui/components/wizard/WizardController.tsx
@@ -8,9 +8,6 @@ import WizardProgressBar from 'src/reusable_ui/components/wizard/WizardProgressB
 import {WizardStepProps, Step} from 'src/types/wizard'
 import {StepStatus} from 'src/reusable_ui/constants/wizard'
 
-// Styles
-import 'src/reusable_ui/components/wizard/WizardController.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface State {
diff --git a/ui/src/reusable_ui/components/wizard/WizardFullScreen.tsx b/ui/src/reusable_ui/components/wizard/WizardFullScreen.tsx
index 73a985734a..97eed35052 100644
--- a/ui/src/reusable_ui/components/wizard/WizardFullScreen.tsx
+++ b/ui/src/reusable_ui/components/wizard/WizardFullScreen.tsx
@@ -8,9 +8,6 @@ import WizardController from 'src/reusable_ui/components/wizard/WizardController
 // Types
 import {WizardStepProps} from 'src/types/wizard'
 
-// Styles
-import 'src/reusable_ui/components/wizard/WizardFullScreen.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/wizard/WizardProgressBar.tsx b/ui/src/reusable_ui/components/wizard/WizardProgressBar.tsx
index e7ca6e4202..3870cdb0cc 100644
--- a/ui/src/reusable_ui/components/wizard/WizardProgressBar.tsx
+++ b/ui/src/reusable_ui/components/wizard/WizardProgressBar.tsx
@@ -8,9 +8,6 @@ import ProgressConnector from 'src/reusable_ui/components/wizard/ProgressConnect
 import {Step} from 'src/types/wizard'
 import {ConnectorState, StepStatus} from 'src/reusable_ui/constants/wizard'
 
-// Types
-import 'src/reusable_ui/components/wizard/WizardProgressBar.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/reusable_ui/components/wizard/WizardStep.tsx b/ui/src/reusable_ui/components/wizard/WizardStep.tsx
index 26cfe753e2..6e28f67225 100644
--- a/ui/src/reusable_ui/components/wizard/WizardStep.tsx
+++ b/ui/src/reusable_ui/components/wizard/WizardStep.tsx
@@ -5,9 +5,6 @@ import React, {PureComponent, ReactNode} from 'react'
 import FancyScrollbar from 'src/shared/components/FancyScrollbar'
 import WizardButtonBar from 'src/reusable_ui/components/wizard/WizardButtonBar'
 
-// Styles
-import 'src/reusable_ui/components/wizard/WizardStep.scss'
-
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
 interface Props {
diff --git a/ui/src/style/chronograf.scss b/ui/src/style/chronograf.scss
index d64cfed50d..3005a9f551 100644
--- a/ui/src/style/chronograf.scss
+++ b/ui/src/style/chronograf.scss
@@ -71,6 +71,24 @@
 @import 'components/kapacitor-logs-table';
 @import 'components/dropdown-placeholder';
 @import 'components/histogram-chart';
+@import '../logs/components/expandable_message/ExpandableMessage';
+@import '../reusable_ui/components/panel/Panel.scss';
+@import '../reusable_ui/components/overlays/Overlay.scss';
+@import '../dashboards/components/import_dashboard_mappings/ImportDashboardMappings.scss';
+@import '../reusable_ui/components/card_select/CardSelectCard.scss';
+@import '../reusable_ui/components/wizard/WizardController.scss';
+@import '../reusable_ui/components/wizard/WizardButtonBar.scss';
+@import '../reusable_ui/components/wizard/WizardFullScreen.scss';
+@import '../reusable_ui/components/wizard/ProgressConnector.scss';
+@import '../reusable_ui/components/wizard/WizardProgressBar.scss';
+@import '../reusable_ui/components/wizard/WizardStep.scss';
+@import '../reusable_ui/components/Button/Button.scss';
+@import '../reusable_ui/components/dropdowns/Dropdown.scss';
+@import '../reusable_ui/components/slide_toggle/SlideToggle.scss';
+@import '../reusable_ui/components/Button/Button.scss';
+@import '../reusable_ui/components/dropdowns/DropdownButton.scss';
+@import '../reusable_ui/components/inputs/Input.scss';
+@import '../reusable_ui/components/form_layout/Form.scss';
 
 // Pages
 @import 'pages/config-endpoints';