diff --git a/main.js b/main.js
index 36d505f..02f4103 100644
--- a/main.js
+++ b/main.js
@@ -153,6 +153,7 @@ function showPopup(ogword, word, quirks = "") {
             badge.classList.add("badge");
             try {
                 badge.style.backgroundColor = quirkBadges[quirk]["color"];
+                badge.style.boxShadow = "0px 0px 4px " + quirkBadges[quirk]["color"] + "cc";
                 badge.innerText = quirkBadges[quirk]["name"];
                 badge.onclick = () => {
                     p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
@@ -163,6 +164,7 @@ function showPopup(ogword, word, quirks = "") {
                 }
             } catch (e) {
                 badge.style.backgroundColor = quirkBadges["unknown-tag"]["color"];
+                badge.style.boxShadow = "0px 0px 4px #" + quirkBadges["unknown-tag"]["color"] + "cc";
                 badge.innerText = quirkBadges["unknown-tag"]["name"];                    
             }
             p.querySelector("#popup-quirks").appendChild(badge);
diff --git a/text_analysis.css b/text_analysis.css
index 4b8758b..23c67bf 100644
--- a/text_analysis.css
+++ b/text_analysis.css
@@ -176,7 +176,7 @@ main {
 
 #popup {
     width: 300px;
-    background-color: var(--popup-bg);
+    background-color: var(--left-color);
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
     border-radius: 8px;
@@ -187,7 +187,7 @@ main {
 
 #smol-popup {
     width: 200px;
-    background-color: var(--popup-bg);
+    background-color: var(--left-color);
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
     border-radius: 8px;
@@ -201,6 +201,12 @@ main {
     /* padding-top: 0px; account for Funny */
 }
 
+@supports (backdrop-filter: blur(10px)) or (--webkit-backdrop-filter: blur(10px)) {
+    #popup, #smol-popup {
+        background-color: var(--popup-bg);
+    }
+}
+
 #popup h1, #smol-popup h1 {
     text-align: center;
     margin: 0;