diff --git a/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx b/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx
index 69b3306d85ea5..a9db68ae2a470 100644
--- a/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx
+++ b/x-pack/plugins/canvas/public/components/var_config/delete_var.tsx
@@ -20,8 +20,6 @@ import { CanvasVariable } from '../../../types';
 import { ComponentStrings } from '../../../i18n';
 const { VarConfigDeleteVar: strings } = ComponentStrings;
 
-import './var_panel.scss';
-
 interface Props {
   selectedVar: CanvasVariable;
   onDelete: (v: CanvasVariable) => void;
diff --git a/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx b/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx
index 64ec8af291448..4a239c6e53f1c 100644
--- a/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx
+++ b/x-pack/plugins/canvas/public/components/var_config/edit_var.tsx
@@ -27,9 +27,6 @@ import { VarValueField } from './var_value_field';
 import { ComponentStrings } from '../../../i18n';
 const { VarConfigEditVar: strings } = ComponentStrings;
 
-import './edit_var.scss';
-import './var_panel.scss';
-
 interface Props {
   selectedVar: CanvasVariable | null;
   variables: CanvasVariable[];
diff --git a/x-pack/plugins/canvas/public/components/var_config/var_config.tsx b/x-pack/plugins/canvas/public/components/var_config/var_config.tsx
index 0fe506715d07d..9a0ce0165ec61 100644
--- a/x-pack/plugins/canvas/public/components/var_config/var_config.tsx
+++ b/x-pack/plugins/canvas/public/components/var_config/var_config.tsx
@@ -25,8 +25,6 @@ import { ComponentStrings } from '../../../i18n';
 import { EditVar } from './edit_var';
 import { DeleteVar } from './delete_var';
 
-import './var_config.scss';
-
 const { VarConfig: strings } = ComponentStrings;
 
 enum PanelMode {
diff --git a/x-pack/plugins/canvas/public/style/index.scss b/x-pack/plugins/canvas/public/style/index.scss
index d9592d5c0be5f..e866eada1f85f 100644
--- a/x-pack/plugins/canvas/public/style/index.scss
+++ b/x-pack/plugins/canvas/public/style/index.scss
@@ -43,6 +43,13 @@
 @import '../components/workpad_page/workpad_page';
 @import '../components/workpad_page/workpad_interactive_page/workpad_interactive_page';
 @import '../components/workpad_page/workpad_static_page/workpad_static_page';
+@import '../components/var_config/edit_var';
+@import '../components/var_config/var_config';
+
+@import '../transitions/fade/fade';
+@import '../transitions/rotate/rotate';
+@import '../transitions/slide/slide';
+@import '../transitions/zoom/zoom';
 
 @import '../../canvas_plugin_src/renderers/filters/advanced_filter/component/advanced_filter.scss';
 @import '../../canvas_plugin_src/renderers/filters/dropdown_filter/component/dropdown_filter.scss';
diff --git a/x-pack/plugins/canvas/public/transitions/fade/index.ts b/x-pack/plugins/canvas/public/transitions/fade/index.ts
index c8fcc574b1872..7ce717a83eeb0 100644
--- a/x-pack/plugins/canvas/public/transitions/fade/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/fade/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './fade.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { fade: strings } = TransitionStrings;
diff --git a/x-pack/plugins/canvas/public/transitions/rotate/index.ts b/x-pack/plugins/canvas/public/transitions/rotate/index.ts
index 217fd26680959..959e1ae248f2a 100644
--- a/x-pack/plugins/canvas/public/transitions/rotate/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/rotate/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './rotate.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { rotate: strings } = TransitionStrings;
diff --git a/x-pack/plugins/canvas/public/transitions/slide/index.ts b/x-pack/plugins/canvas/public/transitions/slide/index.ts
index 0c3f82a09dd02..1cf87acca2963 100644
--- a/x-pack/plugins/canvas/public/transitions/slide/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/slide/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './slide.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { slide: strings } = TransitionStrings;
diff --git a/x-pack/plugins/canvas/public/transitions/zoom/index.ts b/x-pack/plugins/canvas/public/transitions/zoom/index.ts
index c7c1db25bd0d7..c102935b4118b 100644
--- a/x-pack/plugins/canvas/public/transitions/zoom/index.ts
+++ b/x-pack/plugins/canvas/public/transitions/zoom/index.ts
@@ -5,8 +5,6 @@
  * 2.0.
  */
 
-import './zoom.scss';
-
 import { TransitionStrings } from '../../../i18n';
 
 const { zoom: strings } = TransitionStrings;