diff --git a/src/components/auth/UsertAuthUI.tsx b/src/components/auth/UsertAuthUI.tsx
index 677244b..15383e7 100644
--- a/src/components/auth/UsertAuthUI.tsx
+++ b/src/components/auth/UsertAuthUI.tsx
@@ -3,9 +3,6 @@ import { useEffect, useState } from "react";
 import { useNavigate, useLocation } from "react-router-dom";
 import LoginForm from "./LoginForm";
 import RegisterForm from "./RegisterForm";
-import { useDispatch } from "react-redux";
-import { AppDispatch } from "../../store/store";
-import { fetchUserDetails } from "../../store/slices/userSlice";
 import LoginRegisterImg from "../../assets/illustration_1_.png";
 import SMELogo from "../../assets/SMELogo.png";
 import api from "../../config/api";
@@ -75,7 +72,10 @@ function UserAuthUI() {
       </div>
 
       {/* Right Side - Form */}
-      <div className="flex-1 flex items-center justify-center p-8 lg:p-12">
+      <div className="flex-1 flex-col sm:flex items-center justify-center p-8 lg:p-12">
+      <div className="h-[82px] sm:hidden w-full flex justify-center items-center p-4 bg-[var(--primary)] rounded-lg">
+        <img loading="lazy" height={50} src={SMELogo} alt="" />
+      </div>
         {pageType === PAGE_TYPE_ENUM.LOGIN && <LoginForm onSwitchToRegister={() => navigate("/register")} />}
         {pageType === PAGE_TYPE_ENUM.REGISTER && <RegisterForm onSwitchToLogin={() => navigate("/login")} />}
         {pageType === PAGE_TYPE_ENUM.FORGOT_PASSWORD && <ForgotPasswordForm />}