diff --git a/web/modals/threads/notifications/enum-settings-option-info.css b/web/components/enum-settings-option-info.css
rename from web/modals/threads/notifications/enum-settings-option-info.css
rename to web/components/enum-settings-option-info.css
diff --git a/web/modals/threads/notifications/enum-settings-option-info.react.js b/web/components/enum-settings-option-info.react.js
rename from web/modals/threads/notifications/enum-settings-option-info.react.js
rename to web/components/enum-settings-option-info.react.js
--- a/web/modals/threads/notifications/enum-settings-option-info.react.js
+++ b/web/components/enum-settings-option-info.react.js
@@ -3,7 +3,7 @@
 import classnames from 'classnames';
 import * as React from 'react';
 
-import SWMansionIcon from '../../../SWMansionIcon.react';
+import SWMansionIcon from '../SWMansionIcon.react';
 import css from './enum-settings-option-info.css';
 
 type Props = {
diff --git a/web/modals/threads/notifications/enum-settings-option.css b/web/components/enum-settings-option.css
rename from web/modals/threads/notifications/enum-settings-option.css
rename to web/components/enum-settings-option.css
diff --git a/web/modals/threads/notifications/enum-settings-option.react.js b/web/components/enum-settings-option.react.js
rename from web/modals/threads/notifications/enum-settings-option.react.js
rename to web/components/enum-settings-option.react.js
--- a/web/modals/threads/notifications/enum-settings-option.react.js
+++ b/web/components/enum-settings-option.react.js
@@ -3,9 +3,9 @@
 import classnames from 'classnames';
 import * as React from 'react';
 
-import Radio from '../../../components/radio.react';
-import EnumSettingsOptionInfo from './enum-settings-option-info.react';
+import EnumSettingsOptionInfo from './enum-settings-option-info.react.js';
 import css from './enum-settings-option.css';
+import Radio from './radio.react';
 
 type Props = {
   +selected: boolean,
diff --git a/web/modals/threads/notifications/notifications-modal.react.js b/web/modals/threads/notifications/notifications-modal.react.js
--- a/web/modals/threads/notifications/notifications-modal.react.js
+++ b/web/modals/threads/notifications/notifications-modal.react.js
@@ -25,9 +25,9 @@
   focusedNotificationsIllustrationWidth,
 } from '../../../assets';
 import Button from '../../../components/button.react';
+import EnumSettingsOption from '../../../components/enum-settings-option.react';
 import { useSelector } from '../../../redux/redux-utils';
 import Modal from '../../modal.react';
-import EnumSettingsOption from './enum-settings-option.react';
 import css from './notifications-modal.css';
 
 type NotificationSettings = 'focused' | 'badge-only' | 'background';