diff --git a/frontend/src/components/Hottopic.jsx b/frontend/src/components/Hottopic.jsx
index 8aab6c1..5d8c20a 100644
--- a/frontend/src/components/Hottopic.jsx
+++ b/frontend/src/components/Hottopic.jsx
@@ -6,16 +6,16 @@ const Hottopic = ({ topic, dp, bg }) => {
         <>
 
             <div className=''>
-                <div className='border-black border-2 relative shadow-lg shadow-slate-300 rounded-2xl h-64 m-4  '>
+                <div className='border-black border-2 relative shadow-lg shadow-slate-300 rounded-2xl h-44 xxs:h-56 sm:h-64 m-4  '>
                     <img className=' w-full h-full object-cover rounded-2xl' src={bg} alt="" />
-                    <div className=' absolute left-14 bottom-0 border-4  translate-y-1/2  h-40 w-40 rounded-full overflow-hidden '>
+                    <div className=' absolute left-6 sm:left-14 bottom-0 border-4  translate-y-1/2 h-28 w-28 xxs:h-36 xxs:w-36  sm:h-40 sm:w-40 rounded-full overflow-hidden '>
                         <img className=' h-full w-full object-cover' src={dp} alt="" />
                     </div>
                 </div>
-                <div className='flex items-center relative  justify-end pr-8   w-full text-center text-lg xxs:text-2xl xs:text-3xl font-bold'>
+                <div className='flex items-center mt-10 relative  justify-end pr-8   w-full text-center text-lg xxs:text-2xl xs:text-3xl font-bold'>
             <img className=" w-7 xxs:w-8 xs:w-9 rounded-l-lg " src={Q} alt="" /><span className=" overflow-clip line-clamp-1 break-all max-w-[70%] bg-white text-[#6c712ed0] font-ubuntu rounded-r-lg px-1">{topic}</span>
           </div>
-                <div className='h-[1.5px] bg-gray-800 mt-10'></div>
+                <div className='h-[1.5px] bg-gray-800 mt-6 xs:mt-10'></div>
             </div>
 
 
diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx
index a91f2ff..8032e02 100644
--- a/frontend/src/pages/Home.jsx
+++ b/frontend/src/pages/Home.jsx
@@ -15,8 +15,7 @@ import { setOnNewPost } from '../redux/onNewPost';
 import Polls from '../components/Polls';
 import { clearOffset, setPollOffset, setPostOffset } from '../redux/offset';
 import { addRoomCreatorId, addRoomTitle, setOnNewRoomPost } from '../redux/RoomCreatePosts';
-import SmoothLoader from '../assets/SmoothLoader';
-import { VscFoldDown } from "react-icons/vsc";
+
 import SmoothLoaderHome, { AnimatedFoldDownArrow } from '../assets/SmoothLoaderHome';
 
 
diff --git a/frontend/src/pages/Settings.jsx b/frontend/src/pages/Settings.jsx
index f9bce40..30a8a0a 100644
--- a/frontend/src/pages/Settings.jsx
+++ b/frontend/src/pages/Settings.jsx
@@ -73,7 +73,7 @@ function Settings() {
   const nav = useNavigate();
   const validatePassword = (password) => {
 
-    const specialSymbolRegex = /[!@#$%^&*(),.?":{}|<>]/;
+    const specialSymbolRegex = /[!@#$%^&*(),._?":{}|<>]/;
     const letterRegex = /[a-zA-Z]/;
     const numberRegex = /[0-9]/;
     const minLength = 8;