diff --git a/src/webpage/style.css b/src/webpage/style.css
index 5e96ff2..3782ba2 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -306,15 +306,16 @@ body {
 }
 .pinnedMessages {
 	position: absolute;
-	background: var(--secondary-bg);
+	background: color-mix(in srgb, var(--primary-bg) 20%, var(--secondary-bg));
 	width: 3.5in;
 	padding: 8px;
 	border-radius: 6px;
-	box-shadow: 1px 3px 10px var(--shadow);
+	box-shadow: 1px 2px 20px var(--shadow);
 	max-height: 60vh;
 	overflow-y: auto;
 	min-height: 1in;
 	z-index: 2;
+	/* border: solid 2px #00000061; */
 
 	b {
 		width: 100%;