diff --git a/public/scripts/extensions/dice/index.js b/public/scripts/extensions/dice/index.js
index 9e2497d49..970cfb503 100644
--- a/public/scripts/extensions/dice/index.js
+++ b/public/scripts/extensions/dice/index.js
@@ -54,10 +54,10 @@ function addDiceRollButton() {
         if (target.is(button) && !dropdown.is(":visible")) {
             e.preventDefault();
 
-            dropdown.show();
+            dropdown.show(200);
             popper.update();
         } else {
-            dropdown.hide();
+            dropdown.hide(200);
         }
     });
 }
diff --git a/public/scripts/extensions/dice/style.css b/public/scripts/extensions/dice/style.css
index ff90b582b..ed9a7115b 100644
--- a/public/scripts/extensions/dice/style.css
+++ b/public/scripts/extensions/dice/style.css
@@ -32,7 +32,7 @@
     display: block;
     padding: 0.75rem 1.25rem;
     margin-bottom: -1px;
-    background-color: rgba(0,0,0,0.3);
+    background-color: rgba(0,0,0,0.5);
     border: 1px solid rgba(0,0,0,0.7);
     box-sizing: border-box;
     user-select: none;