diff --git a/src/reusableComponents/Darkmode/index.css b/src/reusableComponents/Darkmode/index.css
index 15661c7a7..22f45368c 100644
--- a/src/reusableComponents/Darkmode/index.css
+++ b/src/reusableComponents/Darkmode/index.css
@@ -27,3 +27,10 @@
 .toggle-btn-mui > span > span > input {
   cursor: pointer;
 }
+
+@media (min-width: 840px){
+  .toggle-container {
+    position: absolute;
+    top: 0px;
+  }
+}
\ No newline at end of file
diff --git a/src/reusableComponents/Darkmode/index.jsx b/src/reusableComponents/Darkmode/index.jsx
index e06377841..728882cae 100644
--- a/src/reusableComponents/Darkmode/index.jsx
+++ b/src/reusableComponents/Darkmode/index.jsx
@@ -44,7 +44,7 @@ const Darkmode = () => {
   };
 
   return (
-    <div>
+    <div className={`${location.href.includes('login') ? "toggle-container" : ""}`}>
       <button onClick={darkModeToggle} className="theme-toggle-btn">
         <CustomizedSwitch modeStatus={modeStatus} />
       </button>