diff --git a/src/routes/(public)/(guest)/login/+page.svelte b/src/routes/(public)/(guest)/login/+page.svelte
index 698e32921..5d29042f4 100644
--- a/src/routes/(public)/(guest)/login/+page.svelte
+++ b/src/routes/(public)/(guest)/login/+page.svelte
@@ -95,7 +95,7 @@
         <Form onSubmit={login}>
             <Layout.Stack>
                 {#if isCloud}
-                    <div class="auth-provider-wrapper">
+                    <div style="margin-bottom: var(--gap-s, 8px);">
                         <Button secondary fullWidth on:click={onGithubLogin} {disabled}>
                             <span class="icon-github" aria-hidden="true"></span>
                             <span class="text">Sign in with GitHub</span>
@@ -131,9 +131,3 @@
         </li>
     </svelte:fragment>
 </Unauthenticated>
-
-<style>
-    .auth-provider-wrapper {
-        margin-bottom: var(--gap-s, 8px);
-    }
-</style>
diff --git a/src/routes/(public)/(guest)/register/+page.svelte b/src/routes/(public)/(guest)/register/+page.svelte
index 5a5de6525..4324361e9 100644
--- a/src/routes/(public)/(guest)/register/+page.svelte
+++ b/src/routes/(public)/(guest)/register/+page.svelte
@@ -133,7 +133,7 @@
         <Form onSubmit={register}>
             <Layout.Stack>
                 {#if isCloud}
-                    <div class="auth-provider-wrapper">
+                    <div style="margin-bottom: var(--gap-s, 8px);">
                         <Button secondary fullWidth on:click={onGithubLogin} {disabled}>
                             <span class="icon-github" aria-hidden="true"></span>
                             <span class="text">Sign up with GitHub</span>
@@ -187,9 +187,3 @@
         </Typography.Text>
     </svelte:fragment>
 </Unauthenticated>
-
-<style>
-    .auth-provider-wrapper {
-        margin-bottom: var(--gap-s, 8px);
-    }
-</style>