diff --git a/lib.js b/lib.js
index 472d702..b4e9856 100644
--- a/lib.js
+++ b/lib.js
@@ -10612,7 +10612,7 @@ function toggleChat(event = null) { // TODO: I need to have this be MUTE, toggle
 	if (getById("chatNotification").value) {
 		getById("chatNotification").value = 0;
 	}
-	getById("chatNotification").classList.remove("notification");
+	getById("chatNotification").classList.remove("notification", "red");
 }
 
 function directorAdvanced(ele) {
@@ -22817,7 +22817,7 @@ function addDownloadLink(fileList, UUID, pc){
 		} else {
 			getById("chatNotification").value = 1;
 		}
-		getById("chatNotification").classList.add("notification");
+		getById("chatNotification").classList.add("notification", "red");
 	}
 	
 	//if (session.broadcastChannel !== false) {
@@ -29553,7 +29553,7 @@ function getChatMessage(msg, label = false, director = false, overlay = false) {
 		} else {
 			getById("chatNotification").value = 1;
 		}
-		getById("chatNotification").classList.add("notification");
+		getById("chatNotification").classList.add("notification", "red");
 	}
 
 	
diff --git a/main.css b/main.css
index c4b612e..a3465fb 100644
--- a/main.css
+++ b/main.css
@@ -1152,16 +1152,15 @@ hr {
 }
 
 .notification {
-	position: relative;
-	top: -40px;
-	right: -33px;
-	padding: 2px 0;
-	border-radius: 50%;
-	background: red;
-	color: white;
-	width: 11px;
-	height: 11px;
-	margin: 0;
+    position: absolute;
+    top: -4px;
+    right: -4px;
+    padding: 2px 0;
+    border-radius: 50%;
+    color: white;
+    width: 11px;
+    height: 11px;
+    margin: 0;
 }
 .queueNotification {
 	position: relative;
@@ -1266,6 +1265,11 @@ button.glyphicon-button.active.focus {
     border-radius: 4px;
 }
 
+/* Set for the notification button to use as offset */
+#chatbutton {
+    position: relative;
+}
+
 
 #container.vidcon {
 	height:100%;