diff --git a/components/x-privacy-manager/src/components/radio-btn.jsx b/components/x-privacy-manager/src/components/radio-btn.jsx
index 004234183..db9e18a30 100644
--- a/components/x-privacy-manager/src/components/radio-btn.jsx
+++ b/components/x-privacy-manager/src/components/radio-btn.jsx
@@ -1,7 +1,5 @@
 import { h } from '@financial-times/x-engine'
 
-import './radio-btn.scss'
-
 /**
  * @param {{
  *   name: string,
diff --git a/components/x-privacy-manager/src/privacy-manager.jsx b/components/x-privacy-manager/src/privacy-manager.jsx
index dd2a7af76..72ef1abbf 100644
--- a/components/x-privacy-manager/src/privacy-manager.jsx
+++ b/components/x-privacy-manager/src/privacy-manager.jsx
@@ -6,8 +6,6 @@ import { RadioBtn } from './components/radio-btn'
 import { withCustomActions } from './actions'
 import * as utils from './utils'
 
-import './privacy-manager.scss'
-
 const defaultButtonText = {
 	allow: { label: 'Allow', text: 'See personalised adverts' },
 	block: { label: 'Block', text: 'Opt out of personalised adverts' },
diff --git a/components/x-privacy-manager/src/privacy-manager.scss b/components/x-privacy-manager/src/privacy-manager.scss
index decb1096c..214c3d209 100644
--- a/components/x-privacy-manager/src/privacy-manager.scss
+++ b/components/x-privacy-manager/src/privacy-manager.scss
@@ -4,6 +4,8 @@
 @import '@financial-times/o-spacing/main';
 @import '@financial-times/o-typography/main';
 
+@import './components/radio-btn';
+
 %vertical-middle {
 	display: inline-block;
 	vertical-align: middle;
diff --git a/components/x-privacy-manager/storybook/index.jsx b/components/x-privacy-manager/storybook/index.jsx
index e9002104b..595a7c380 100644
--- a/components/x-privacy-manager/storybook/index.jsx
+++ b/components/x-privacy-manager/storybook/index.jsx
@@ -1,3 +1,5 @@
+import '../src/privacy-manager.scss'
+
 export { LegislationCCPA } from './stories/legislation-ccpa'
 export { LegislationGDPR } from './stories/legislation-gdpr'