diff --git a/packages/components/src/button/index.js b/packages/components/src/button/index.js
index b36d6a4208107..44e38cfc67c69 100644
--- a/packages/components/src/button/index.js
+++ b/packages/components/src/button/index.js
@@ -8,11 +8,6 @@ import classnames from 'classnames';
  */
 import { createElement, forwardRef } from '@wordpress/element';
 
-/**
- * Internal dependencies
- */
-import './style.scss';
-
 export function Button( props, ref ) {
 	const {
 		href,
diff --git a/packages/components/src/color-indicator/index.js b/packages/components/src/color-indicator/index.js
index 83b72ee118027..c2ee76857f798 100644
--- a/packages/components/src/color-indicator/index.js
+++ b/packages/components/src/color-indicator/index.js
@@ -3,11 +3,6 @@
  */
 import classnames from 'classnames';
 
-/**
- * Internal dependencies
- */
-import './style.scss';
-
 const ColorIndicator = ( { className, colorValue, ...props } ) => (
 	<span
 		className={ classnames( 'component-color-indicator', className ) }
diff --git a/packages/components/src/style.scss b/packages/components/src/style.scss
index d0752daa837f4..e9b340f9b1725 100644
--- a/packages/components/src/style.scss
+++ b/packages/components/src/style.scss
@@ -3,6 +3,7 @@
 @import './button-group/style.scss';
 @import './button/style.scss';
 @import './checkbox-control/style.scss';
+@import './color-indicator/style.scss';
 @import './color-palette/style.scss';
 @import './dashicon/style.scss';
 @import './date-time/style.scss';