diff --git a/client/src/components/auth/expert/ExpertSignup.jsx b/client/src/components/auth/expert/ExpertSignup.jsx
index 929e8d2..5f1b508 100644
--- a/client/src/components/auth/expert/ExpertSignup.jsx
+++ b/client/src/components/auth/expert/ExpertSignup.jsx
@@ -3,7 +3,7 @@ import { Link, useNavigate } from "react-router-dom";
 import axios from "axios";
 import { motion } from "framer-motion";
 import { useTheme } from "../../providers/ThemeProvider";
-
+import image1  from "../../../assets/img1.png";
 const ExpertSignup = () => {
   const { isDarkMode } = useTheme();
   const navigate = useNavigate();
@@ -115,7 +115,7 @@ const ExpertSignup = () => {
             <button
               onClick={addAvatar}
               type="button"
-              className=" mt-6 bg-green-400 w-32 h-12 rounded-lg text-xl border-none hover:bg-green-500 active:bg-green-600"
+              className=" mt-6 bg-green-400 w-32 h-12  text-xl border-none rounded-3xl mb-6	 hover:bg-green-500 active:bg-green-600"
             >
               Add Avatar
             </button>
@@ -237,6 +237,7 @@ const ExpertSignup = () => {
           </motion.form>
         </div>
         <div className={`flex-1 flex flex-col items-center justify-center bg-card-custom-gradient p-3 ${isDarkMode ? 'bg-card-custom-gradient' :' bg-teal-500 text-white'}`}>
+        <img src={image1}alt="Hello" height={300} width={300}/>
           <h1 className="text-white text-2xl font-[serif]">Already a registered expert?</h1>
           <Link to='/expertlogin'>
             <motion.button 
diff --git a/client/src/components/auth/student/StudentSignup.jsx b/client/src/components/auth/student/StudentSignup.jsx
index 07500b4..d89c8d5 100644
--- a/client/src/components/auth/student/StudentSignup.jsx
+++ b/client/src/components/auth/student/StudentSignup.jsx
@@ -112,7 +112,7 @@ const StudentSignup = () => {
               type="submit"
               className="mt-4 bg-teal-500 text-white font-bold text-md py-3 px-8 rounded-full transition-all hover:bg-teal-600"
               whileHover={{ scale: 1.05 }}
-              whileTap={{ scale: 0.95 }}
+              whileTap={{ scale: 0.95  }}
             >
               Sign up
             </motion.button>
diff --git a/client/src/components/providers/ThemeProvider.jsx b/client/src/components/providers/ThemeProvider.jsx
index 3b40af7..f81502d 100644
--- a/client/src/components/providers/ThemeProvider.jsx
+++ b/client/src/components/providers/ThemeProvider.jsx
@@ -10,7 +10,7 @@ const ThemeContext = createContext();
 
 
 export const ThemeProvider = ({ children }) => {
-  const [isDarkMode, setIsDarkMode] = useState(false);
+  const [isDarkMode, setIsDarkMode] = useState(true);
 
   const toggleTheme = () => {
     setIsDarkMode(prevMode => !prevMode);