diff --git a/public/sblogo.png b/public/sblogo.png
new file mode 100644
index 0000000..214dd8f
Binary files /dev/null and b/public/sblogo.png differ
diff --git a/src/assets/sblogo.png b/src/assets/sblogo.png
new file mode 100644
index 0000000..214dd8f
Binary files /dev/null and b/src/assets/sblogo.png differ
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 017b9a6..93cfce9 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -3,7 +3,7 @@ import { ref } from "vue";
 import { useRouter } from "vue-router";
 import { useAuthStore } from "../stores/auth";
 import { LogIn, ShieldCheck } from "lucide-vue-next";
-import logoUrl from "../assets/SB Sports.jpg";
+import logoUrl from "../assets/sblogo.png";
 
 const router = useRouter();
 const auth = useAuthStore();
@@ -32,7 +32,7 @@ async function handleLogin() {
     <div class="bg-white rounded-2xl shadow-2xl w-full max-w-md p-10">
       <!-- Logo -->
       <div class="flex flex-col items-center mb-8">
-        <img :src="logoUrl" alt="SB Sport" class="h-20 w-auto object-contain mb-2" />
+        <img :src="logoUrl" alt="SB Sport" class="h-32 w-auto object-contain mb-2" />
       </div>
 
       <!-- Form -->