diff --git a/less/background.less b/less/background.less
index 76677cb..4d5aa8b 100644
--- a/less/background.less
+++ b/less/background.less
@@ -5,10 +5,10 @@
 @background-color-opacity: @global-opacity;
 
 .hook-background-misc() {
-  .set-blur-background();
+  .set-blur-background(@background-default-background, 80%);
 
   .uk-background-default {
-    .set-blur-background(@background-default-background);
+    .set-blur-background(@background-default-background , 80%);
   }
 
   .uk-background-primary {
diff --git a/less/mixin.less b/less/mixin.less
index ca8ea8d..3dad585 100644
--- a/less/mixin.less
+++ b/less/mixin.less
@@ -1,13 +1,20 @@
 .set-blur-background(@color: @base-body-background, @opacity: 80%) {
-  .uk-blur-background {
-    background: fade(@color, @opacity + 15%);
+  &.uk-blur-background, .uk-blur-background {
+    background: fade(@color, 99%);
   }
 
   @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
-    .uk-blur-background {
+    &.uk-blur-background, .uk-blur-background {
       -webkit-backdrop-filter: saturate(180%) blur(20px);
       backdrop-filter: saturate(180%) blur(20px);
       background: fade(@color, @opacity);
     }
   }
+
+  /* for firefox */
+  @-moz-document url-prefix() {
+    &.uk-blur-background, .uk-blur-background {
+      background: fade(@color, 99%);
+    }
+  }
 }
diff --git a/less/offcanvas.less b/less/offcanvas.less
index 86ff68f..b8eef85 100644
--- a/less/offcanvas.less
+++ b/less/offcanvas.less
@@ -27,7 +27,7 @@
 @offcanvas-overlay-background: @global-overlay-background;
 
 .hook-offcanvas-bar() {
-  .set-blur-background(@offcanvas-bar-background);
+  .set-blur-background(@offcanvas-bar-background, 80%);
 }
 
 .hook-offcanvas-misc() {
diff --git a/less/tile.less b/less/tile.less
index 2addf8c..055f1c4 100644
--- a/less/tile.less
+++ b/less/tile.less
@@ -1 +1,5 @@
 @tile-default-background: @global-inverse-color;
+
+.hook-tile-default() {
+  .set-blur-background(@tile-default-background, 50%) !important;
+}