From 8683bfc10cd5f430634bc61cfee84ad682df48e5 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 21 Jun 2022 17:22:15 +0800
Subject: [PATCH] Update AuthProvidersForm.tsx

---
 studio/components/interfaces/Auth/AuthProvidersForm.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/studio/components/interfaces/Auth/AuthProvidersForm.tsx b/studio/components/interfaces/Auth/AuthProvidersForm.tsx
index 117d97e4ac7..f02e248e79e 100644
--- a/studio/components/interfaces/Auth/AuthProvidersForm.tsx
+++ b/studio/components/interfaces/Auth/AuthProvidersForm.tsx
@@ -83,8 +83,9 @@ const AuthProvidersForm = () => {
 
       <div className="-space-y-px">
         {!authConfig.isLoaded
-          ? providers.map((i) => (
-              <div className={ProviderCollapsibleClasses.join(' ')}>
+          ? // true
+            providers.map((i) => (
+              <div className={[...ProviderCollapsibleClasses, 'px-6 py-3'].join(' ')}>
                 <HorizontalShimmerWithIcon />
               </div>
             ))
@@ -128,7 +129,7 @@ const ProviderForm = ({ provider }: { provider: Provider }) => {
               group
               flex 
               w-full items-center justify-between rounded 
-              p-3 px-6"
+              py-3 px-6"
         >
           <div className="flex items-center gap-3">
             <IconChevronUp