From d07fd8dd0c284463750aa38534ad6c9db96d2002 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 5 Jan 2026 01:14:43 +0000
Subject: [PATCH] Fix Space component type error by replacing with Flex

The Space component from Ant Design doesn't have a 'block' prop.
Replace with Flex which provides the same vertical layout
with gap="middle" and naturally takes full width.
---
 packages/web/app/components/auth/social-login-buttons.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/web/app/components/auth/social-login-buttons.tsx b/packages/web/app/components/auth/social-login-buttons.tsx
index 4a0328ac..f493d382 100644
--- a/packages/web/app/components/auth/social-login-buttons.tsx
+++ b/packages/web/app/components/auth/social-login-buttons.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import React, { useEffect, useState } from 'react';
-import { Button, Space, Skeleton } from 'antd';
+import { Button, Flex, Skeleton } from 'antd';
 import { signIn } from 'next-auth/react';
 import { themeTokens } from '@/app/theme/theme-config';
 
@@ -98,7 +98,7 @@ export default function SocialLoginButtons({
   };
 
   return (
-    <Space direction="vertical" size="middle" block>
+    <Flex vertical gap="middle">
       {providers.google && (
         <Button
           block
@@ -135,6 +135,6 @@ export default function SocialLoginButtons({
           Continue with Facebook
         </Button>
       )}
-    </Space>
+    </Flex>
   );
 }