From dde2f3b87a0e177967ce13f087806ebff2084ff5 Mon Sep 17 00:00:00 2001
From: Nikos Douvlis <nikosdouvlis@gmail.com>
Date: Wed, 23 Feb 2022 00:56:31 +0200
Subject: [PATCH] fix(clerk-js): Import Clerk CSS after shared css modules/
 components

---
 packages/clerk-js/src/ui/Components.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

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;