diff --git a/src/app/(dynamic-pages)/(login-pages)/login/Login.tsx b/src/app/(dynamic-pages)/(login-pages)/login/Login.tsx
index 58dfc742..d59707d8 100644
--- a/src/app/(dynamic-pages)/(login-pages)/login/Login.tsx
+++ b/src/app/(dynamic-pages)/(login-pages)/login/Login.tsx
@@ -196,7 +196,7 @@ export function Login({
                 </CardHeader>
                 <CardContent className="space-y-2 p-0">
                   <RenderProviders
-                    providers={['google', 'github', 'twitter']}
+                    providers={['github']}
                     isLoading={providerMutation.isLoading}
                     onProviderLoginRequested={providerMutation.mutate}
                   />
diff --git a/src/components/Auth/RenderProviders.tsx b/src/components/Auth/RenderProviders.tsx
index d70231c7..afbc7bda 100644
--- a/src/components/Auth/RenderProviders.tsx
+++ b/src/components/Auth/RenderProviders.tsx
@@ -14,7 +14,7 @@ function capitalize(word: string) {
   return word.charAt(0).toUpperCase() + lower.slice(1);
 }
 
-const isDemo = true;
+const isDemo = false;
 
 export const RenderProviders = ({
   providers,
@@ -31,11 +31,10 @@ export const RenderProviders = ({
         const AuthIcon = SocialIcons[provider];
         const component = (
           <Button
-            variant="default"
+            variant="outline"
             size="default"
             disabled={isLoading || isDemo}
             onClick={() => onProviderLoginRequested(provider)}
-            className="bg-white dark:bg-white text-black dark:text-black border h-10 border-gray-400 dark:border-gray-600 rounded-lg"
           >
             <div className="mr-2">
               <AuthIcon />