diff --git a/login.html b/login.html
index 3f375f69..310ed363 100644
--- a/login.html
+++ b/login.html
@@ -63,6 +63,11 @@
         </div>
     </a>
 
+      <!-- back to home page -->
+      <a href="./index.html" class="homeBtn">
+        <i class="fas fa-home"></i>
+      </a>
+
     <h1 style="margin-bottom: 10px;">Login to IcyCo</h1>
     <form>
         <div class="input-fields">
diff --git a/styles/login-signup.css b/styles/login-signup.css
index 2b0d5498..3bc9e719 100644
--- a/styles/login-signup.css
+++ b/styles/login-signup.css
@@ -7,6 +7,24 @@ body {
   min-height: 100dvh;
 }
 
+.homeBtn {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  background: #c08ea5;
+  color: #000000;
+  padding: 10px;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: 0.3s;
+  text-decoration: none;
+  z-index: 10;
+}
+.homeBtn:hover {
+  background: #ffabd2;
+  color: #ffffff;
+}
+
 #logo {
   display: flex;
   justify-content: center;