diff --git a/static/css/styles.css b/static/css/styles.css
index d6b62629..11ed7740 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1676,6 +1676,18 @@ input[type=file] {
   --tw-bg-opacity: 0.5;
 }
 
+.bg-opacity-30 {
+  --tw-bg-opacity: 0.3;
+}
+
+.bg-opacity-25 {
+  --tw-bg-opacity: 0.25;
+}
+
+.bg-opacity-70 {
+  --tw-bg-opacity: 0.7;
+}
+
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
diff --git a/templates/libraries/includes/search_command_palatte.html b/templates/libraries/includes/search_command_palatte.html
index 2d47d84c..d4bafbb1 100644
--- a/templates/libraries/includes/search_command_palatte.html
+++ b/templates/libraries/includes/search_command_palatte.html
@@ -6,7 +6,7 @@
      x-transition
      x-cloak
 >
-  <div class="fixed inset-0 bg-black bg-opacity-50 transition-opacity"></div>
+  <div class="fixed inset-0 bg-black bg-opacity-70 transition-opacity"></div>
 
   <div class="fixed inset-0 z-10 overflow-y-auto p-4 sm:p-6 md:p-20" x-on:click="showSearch = false">
     <div class="mx-auto max-w-2xl transform divide-y divide-gray-500 divide-opacity-20 overflow-hidden rounded-xl bg-charcoal shadow-2xl transition-all">