diff --git a/src/components/auth/LoginBanner.tsx b/src/components/auth/LoginBanner.tsx
index d3a66f5..35b87dd 100644
--- a/src/components/auth/LoginBanner.tsx
+++ b/src/components/auth/LoginBanner.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 const LoginBanner = () => {
   return (
-    <div className="w-[600px] relative bg-cover bg-center" style={{
+    <div className="w-[600px] relative bg-cover bg-center hidden sm:block" style={{
       backgroundImage: `url('https://nanu.cc/NANU-Brand-Loader.jpg')`
     }}>
       <div className="absolute top-10 left-10">
diff --git a/src/components/auth/LoginContainer.tsx b/src/components/auth/LoginContainer.tsx
index bbf568e..24678f6 100644
--- a/src/components/auth/LoginContainer.tsx
+++ b/src/components/auth/LoginContainer.tsx
@@ -7,7 +7,7 @@ interface LoginContainerProps {
 const LoginContainer: React.FC<LoginContainerProps> = ({ children }) => {
   return (
     <div className="min-h-screen w-full bg-gray-50 flex items-center justify-center py-8">
-      <div className="w-[1200px] h-[600px] bg-white shadow-lg overflow-hidden flex">
+      <div className="w-[1200px] h-[600px] bg-white overflow-hidden flex">
         {children}
       </div>
     </div>
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index 49c7ce5..437efc5 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import LoginContainer from '../components/auth/LoginContainer';
-import LoginBanner from '../components/auth/LoginBanner';
-import LoginForm from '../components/auth/LoginForm';
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import LoginContainer from "../components/auth/LoginContainer";
+import LoginBanner from "../components/auth/LoginBanner";
+import LoginForm from "../components/auth/LoginForm";
 
 interface LoginFormData {
   email: string;
@@ -12,22 +12,22 @@ interface LoginFormData {
 
 const LoginPage = () => {
   const [formData, setFormData] = useState<LoginFormData>({
-    email: '',
-    password: '',
-    rememberMe: false
+    email: "",
+    password: "",
+    rememberMe: false,
   });
-  
+
   const navigate = useNavigate();
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const { name, value, type, checked } = e.target;
-    setFormData(prev => ({
+    setFormData((prev) => ({
       ...prev,
-      [name]: type === 'checkbox' ? checked : value
+      [name]: type === "checkbox" ? checked : value,
     }));
   };
 
-  const handleLogin = (type: 'app' | 'pin') => {
+  const handleLogin = (type: "app" | "pin") => {
     // TODO: Implement login logic
     console.log(`Logging in with ${type}`, formData);
   };
@@ -35,7 +35,7 @@ const LoginPage = () => {
   return (
     <LoginContainer>
       <LoginBanner />
-      <LoginForm 
+      <LoginForm
         formData={formData}
         onInputChange={handleInputChange}
         onLogin={handleLogin}
@@ -44,4 +44,4 @@ const LoginPage = () => {
   );
 };
 
-export default LoginPage;
\ No newline at end of file
+export default LoginPage;