diff --git a/src/index.html b/src/index.html
index 33aaf278..c86e4d55 100755
--- a/src/index.html
+++ b/src/index.html
@@ -358,9 +358,11 @@ <h1 class="title__title" id="title">
         <span class="title__more-info">
           <span class="title__hackers">600 Hackers</span>
           <span class="title__date"><time datetime="2020-05-21/2020-05-23">May 12&ndash;14</time></span>
-          <span class="title__year">2023</span>
           <span class="title__duration">36 Hours</span>
         </span>
+        <span class="title__extra-info">
+          <span class="title__year">2023</span>
+        </span>
       </div>
       <a
         href="https://cdn.forms-content.sg-form.com/e1956c06-33bb-11ee-870d-e6c3756ec64b"
@@ -370,7 +372,7 @@ <h1 class="title__title" id="title">
         data-location="hero"
         target="_blank"
         rel="noopener noreferrer"
-        >
+      >
         <span class="classic-button__text">Subscribe as a Hacker for 2024</span>
       </a>
       <a
@@ -381,7 +383,7 @@ <h1 class="title__title" id="title">
         data-location="hero"
         target="_blank"
         rel="noopener noreferrer"
-        >
+      >
         <span class="classic-button__text">Subscribe as a Volunteer for 2024</span>
       </a>
     </header>
diff --git a/src/styles/sections/hero/hero.scss b/src/styles/sections/hero/hero.scss
index 58e9bb15..83bfca7b 100644
--- a/src/styles/sections/hero/hero.scss
+++ b/src/styles/sections/hero/hero.scss
@@ -165,7 +165,12 @@ $hero-max-height: 900px;
       }
     }
 
-    &__more-info {
+    &__extra-info {
+      margin-top: 10px;
+    }
+
+    &__more-info,
+    &__extra-info {
       display: flex;
       font-size: 0.25em;
       font-weight: 600;
@@ -184,11 +189,14 @@ $hero-max-height: 900px;
       margin-left: 20px;
       text-align: center;
     }
-    
+
     &__year {
-      margin-top: 25px;
-      margin-left: -20px;
-      font-size: 80%;
+      font-size: 90%;
+      position: absolute;
+      background-color: #fafafa;
+      text-align: left;
+      left: 50%;
+      transform: translateX(-10%);
     }
 
     &__duration {
@@ -200,7 +208,7 @@ $hero-max-height: 900px;
     margin-top: calc(min(15vh, (900px - 8rem) * 0.15) - 1rem);
   }
 
-  .mt-2{
+  .mt-2 {
     margin-top: 20px;
   }
 }