diff --git a/packages/clerk-js/src/ui/Components.tsx b/packages/clerk-js/src/ui/Components.tsx
index 5288759c009..935ca739466 100644
--- a/packages/clerk-js/src/ui/Components.tsx
+++ b/packages/clerk-js/src/ui/Components.tsx
@@ -1,5 +1,6 @@
-import './styles/clerk.scss';
-
+/* eslint-disable simple-import-sort/imports */
+/* disable sorting, clerk.scss should always be imported
+/* after dependencies from /shared */
 import { Modal } from '@clerk/shared/components/modal';
 import { camelToSnakeKeys } from '@clerk/shared/utils/object';
 import type {
@@ -34,6 +35,8 @@ import { SignUp, SignUpModal } from './signUp';
 import { UserButton } from './userButton';
 import { UserProfile } from './userProfile';
 
+import './styles/clerk.scss';
+
 export interface MountProps<T> {
   key: string;
   props: T;