diff --git a/src/routes/(public)/(guest)/login/+page.svelte b/src/routes/(public)/(guest)/login/+page.svelte
index 396b60a18..698e32921 100644
--- a/src/routes/(public)/(guest)/login/+page.svelte
+++ b/src/routes/(public)/(guest)/login/+page.svelte
@@ -95,15 +95,12 @@
         <Form onSubmit={login}>
             <Layout.Stack>
                 {#if isCloud}
-                    <Button
-                        class="auth-provider-button"
-                        secondary
-                        fullWidth
-                        on:click={onGithubLogin}
-                        {disabled}>
-                        <span class="icon-github" aria-hidden="true"></span>
-                        <span class="text">Sign in with GitHub</span>
-                    </Button>
+                    <div class="auth-provider-wrapper">
+                        <Button secondary fullWidth on:click={onGithubLogin} {disabled}>
+                            <span class="icon-github" aria-hidden="true"></span>
+                            <span class="text">Sign in with GitHub</span>
+                        </Button>
+                    </div>
                     <span class="with-separators eyebrow-heading-3">or</span>
                 {/if}
                 <InputEmail
@@ -136,7 +133,7 @@
 </Unauthenticated>
 
 <style>
-    :global(.auth-provider-button) {
+    .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 c5defbeb0..5a5de6525 100644
--- a/src/routes/(public)/(guest)/register/+page.svelte
+++ b/src/routes/(public)/(guest)/register/+page.svelte
@@ -133,15 +133,12 @@
         <Form onSubmit={register}>
             <Layout.Stack>
                 {#if isCloud}
-                    <Button
-                        class="auth-provider-button"
-                        secondary
-                        fullWidth
-                        on:click={onGithubLogin}
-                        {disabled}>
-                        <span class="icon-github" aria-hidden="true"></span>
-                        <span class="text">Sign up with GitHub</span>
-                    </Button>
+                    <div class="auth-provider-wrapper">
+                        <Button secondary fullWidth on:click={onGithubLogin} {disabled}>
+                            <span class="icon-github" aria-hidden="true"></span>
+                            <span class="text">Sign up with GitHub</span>
+                        </Button>
+                    </div>
                     <span class="with-separators eyebrow-heading-3">or</span>
                 {/if}
 
@@ -192,7 +189,7 @@
 </Unauthenticated>
 
 <style>
-    :global(.auth-provider-button) {
+    .auth-provider-wrapper {
         margin-bottom: var(--gap-s, 8px);
     }
 </style>