diff --git a/app/soapbox/main.tsx b/app/soapbox/main.tsx
index 610f44f1d..9fcfd4595 100644
--- a/app/soapbox/main.tsx
+++ b/app/soapbox/main.tsx
@@ -1,6 +1,5 @@
 import * as OfflinePluginRuntime from '@lcdp/offline-plugin/runtime';
 import React from 'react';
-import 'react-datepicker/dist/react-datepicker.css';
 import { createRoot } from 'react-dom/client';
 import { defineMessages } from 'react-intl';
 
@@ -9,6 +8,17 @@ import * as BuildConfig from 'soapbox/build-config';
 import { store } from 'soapbox/store';
 import { printConsoleWarning } from 'soapbox/utils/console';
 
+import '@fontsource/inter/200.css';
+import '@fontsource/inter/300.css';
+import '@fontsource/inter/400.css';
+import '@fontsource/inter/500.css';
+import '@fontsource/inter/600.css';
+import '@fontsource/inter/700.css';
+import '@fontsource/inter/900.css';
+import '@fontsource/roboto-mono/400.css';
+import 'line-awesome/dist/font-awesome-line-awesome/css/all.css';
+import 'react-datepicker/dist/react-datepicker.css';
+
 import '../soapbox/iframe';
 import '../styles/application.scss';
 
diff --git a/app/styles/application.scss b/app/styles/application.scss
index d8a9cbe3d..f1d16b35f 100644
--- a/app/styles/application.scss
+++ b/app/styles/application.scss
@@ -1,14 +1,3 @@
-// Fonts from elsewhere
-@import '~line-awesome/dist/font-awesome-line-awesome/css/all.css';
-@import '~@fontsource/inter/200.css';
-@import '~@fontsource/inter/300.css';
-@import '~@fontsource/inter/400.css';
-@import '~@fontsource/inter/500.css';
-@import '~@fontsource/inter/600.css';
-@import '~@fontsource/inter/700.css';
-@import '~@fontsource/inter/900.css';
-@import '~@fontsource/roboto-mono/400.css';
-
 @import 'mixins';
 @import 'themes';
 @import 'variables';