diff --git a/css/app.css b/css/app.css
index 7651cf2..b6c2f9a 100644
--- a/css/app.css
+++ b/css/app.css
@@ -32,11 +32,13 @@
 }
 
 .btn-float.bg-dark {
-    background-color: rgba(var(--bs-dark-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-dark-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .btn-float.bg-light {
-    background-color: rgba(var(--bs-light-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-light-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .loading-page {
diff --git a/css/common.css b/css/common.css
index c4db19a..e5ce0dc 100644
--- a/css/common.css
+++ b/css/common.css
@@ -22,11 +22,13 @@ svg>path {
 }
 
 .navbar.bg-dark {
-    background-color: rgba(var(--bs-dark-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-dark-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .navbar.bg-light {
-    background-color: rgba(var(--bs-light-rgb), 0.9) !important;
+    background-color: rgba(var(--bs-light-rgb), 0.95) !important;
+    backdrop-filter: blur(0.625rem);
 }
 
 .bg-theme-light {