diff --git a/files/static/dist/main.css b/files/static/dist/main.css
index f10467ac3..ba8057388 100644
--- a/files/static/dist/main.css
+++ b/files/static/dist/main.css
@@ -3276,9 +3276,15 @@ video {
 	overflow: hidden;
 	border-radius: 0.375rem;
 	border-style: none;
+	--tw-bg-opacity: 1;
+	background-color: rgba(var(--color-100), var(--tw-bg-opacity));
 	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.dark .popover {
+	--tw-bg-opacity: 1;
+	background-color: rgba(var(--color-900), var(--tw-bg-opacity));
+}
 
 /* ----------------------- EMOJI ------------------------ */
 img.emoji {
diff --git a/files/static/src/main.css b/files/static/src/main.css
index 16d4803e4..0518eaccb 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -465,7 +465,7 @@
 
 /* ---------------------- POPOVER ----------------------- */
 .popover {
-	@apply rounded-md w-96 shadow-lg overflow-hidden border-none bg-gray-100 dark:bg-gra-900;
+	@apply rounded-md w-96 shadow-lg overflow-hidden border-none bg-gray-100 dark:bg-gray-900;
 }
 
 /* ----------------------- EMOJI ------------------------ */