diff --git a/app/frontend/static/assets/css/crafty.css b/app/frontend/static/assets/css/crafty.css
index 53c3c1bf..a613bbd8 100644
--- a/app/frontend/static/assets/css/crafty.css
+++ b/app/frontend/static/assets/css/crafty.css
@@ -349,6 +349,24 @@ noscript.noscript-warning {
     font-family: 'Sarabun', 'roboto', sans-serif;
 }
 
+/**************************************************************/
+
+/**************************************************************/
+/* CSS for Annoucements Displays */
+/**************************************************************/
+.annoucement-item>p {
+    float: right;
+}
+
+.annoucement-title {
+    color: var(--info);
+}
+
+.annoucement-item:hover>a .annoucement-title {
+    color: var(--purple);
+}
+
+
 /**************************************************************/
 div.form-group.reset-secret {
     background: rgba(243, 21, 6, 0.3);
diff --git a/app/frontend/templates/notify.html b/app/frontend/templates/notify.html
index 83e80909..a5f920ec 100644
--- a/app/frontend/templates/notify.html
+++ b/app/frontend/templates/notify.html
@@ -96,7 +96,7 @@
     console.log(data);
     let text = "";
     for (let value of data) {
-      text += `<li class="card-header header-sm justify-content-between align-items-center" id="${value.id}"><p style="float: right;"><i data-id="${value.id}"class="clear-button fa-regular fa-x"></i></p><a style="color: var(--purple);" href=${value.link} target="_blank"><h6>${value.title}</h6><small><p>${value.date}</p></small><p>${value.desc}</p></li></a>`
+      text += `<li class="card-header header-sm justify-content-between align-items-center annoucement-item" id="${value.id}"><p><i data-id="${value.id}" class="clear-button fa-regular fa-x"></i></p><a href=${value.link} target="_blank"><h6 class="annoucement-title">${value.title}</h6><small><p>${value.date}</p></small><p>${value.desc}</p></li></a>`
     }
     if (data.length > 0) {
       localStorage.setItem("notif-count", data.length);
@@ -136,7 +136,7 @@
     });
     let responseData = await res.json();
     console.log(responseData);
-    setTimeout(function() {
+    setTimeout(function () {
       getAnnouncements();
     }, 1800000); //Wait 30 minutes in miliseconds
     console.log("Registered annoucement fetch event in 30 minutes.")