diff --git a/apps/blogai/app/[locale]/auth/sign-in/oauth-signin.tsx b/apps/blogai/app/[locale]/auth/sign-in/oauth-signin.tsx
index 6cc45ca..eb2c609 100644
--- a/apps/blogai/app/[locale]/auth/sign-in/oauth-signin.tsx
+++ b/apps/blogai/app/[locale]/auth/sign-in/oauth-signin.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { Loading } from "@/components/ui/loading";
-import { GitHub, Google } from "@/components/ui/icons";
+import { IconGitHub, IconGoogle } from "@/components/ui/icons";
 import { toast } from "@/components/ui/toaster";
 import { useSignIn } from "@clerk/nextjs";
 import type { OAuthStrategy } from "@clerk/types";
@@ -37,7 +37,7 @@ export function OAuthSignIn() {
         {isLoading === "oauth_github" ? (
           <Loading className="w-6 h-6" />
         ) : (
-          <GitHub className="w-6 h-6" />
+          <IconGitHub className="w-6 h-6" />
         )}
         GitHub
       </OAuthButton>
@@ -45,7 +45,7 @@ export function OAuthSignIn() {
         {isLoading === "oauth_google" ? (
           <Loading className="w-6 h-6" />
         ) : (
-          <Google className="w-6 h-6" />
+          <IconGoogle className="w-6 h-6" />
         )}
         Google
       </OAuthButton>
diff --git a/apps/blogai/components/ui/icons.tsx b/apps/blogai/components/ui/icons.tsx
index cebd030..5bb6ead 100644
--- a/apps/blogai/components/ui/icons.tsx
+++ b/apps/blogai/components/ui/icons.tsx
@@ -209,6 +209,24 @@ function IconGitHub({ className, ...props }: React.ComponentProps<'svg'>) {
   )
 }
 
+
+function IconGoogle({ className, ...props}: React.ComponentProps<'svg'>){
+  return (
+    <svg
+      role="img"
+      viewBox="0 0 48 48"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      className={cn('h-4 w-4', className)}
+      {...props}    
+    >
+
+    <title>Google</title>
+    <path fill="#fbc02d" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12	s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20	s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#e53935" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039	l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4caf50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1565c0" d="M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/>      
+    </svg>
+  )
+}
+
 function IconTelegram({ className, ...props }: React.ComponentProps<'svg'>) {
   return (
     <svg