Fix loaders styles

Author: warmijusti

.prettierignore

@@ -0,0 +1 @@
+auth-libs/web-component/src/hanko-auth.ts

auth-libs/web-component/dist/hanko-auth.esm.js

@@ -25,8 +25,10 @@ export const styles = css`
     display: flex;
     flex-direction: column;
     align-items: center;
+    width: 100%;
     gap: var(--hot-spacing-small);
     padding: var(--hot-spacing-large);
+    box-sizing: border-box;
   }
 
   .spinner {

auth-libs/web-component/dist/hanko-auth.iife.js

@@ -251,7 +251,7 @@ function LoginPage() {
           {/* Onboarding: Redirecting step */}
           {isOnboarding && onboardingStep === "redirecting" && (
             <div className="text-center py-8">
-              <div className="animate-spin rounded-full h-12 w-12 border-4 border-hot-red-600 border-t-transparent mx-auto mb-4"></div>
+              <div className="animate-spin rounded-full h-12 w-12 border-4 border-hot-red-200 border-t-hot-red-600 mx-auto mb-4"></div>
               <p className="text-hot-gray-600">{t("settingUpAccount")}</p>
             </div>
           )}