diff --git a/apps/web/src/components/ChatDrawer.vue b/apps/web/src/components/ChatDrawer.vue
index 92f1564..667ea15 100644
--- a/apps/web/src/components/ChatDrawer.vue
+++ b/apps/web/src/components/ChatDrawer.vue
@@ -388,7 +388,7 @@ p.sticker.gif {
   display: grid;
   align-items: end;
   padding: 16px;
-  background: rgba(0, 0, 0, 0.46);
+  background: var(--bg-0);
 }
 .sticker-dialog {
   min-height: 0;
@@ -398,7 +398,7 @@ p.sticker.gif {
   gap: 10px;
   padding: 12px;
   border: 1px solid var(--neon-magenta);
-  background: rgba(7, 9, 15, 0.98);
+  background: var(--bg-1);
   box-shadow: var(--shadow-magenta);
 }
 .sticker-head {