diff --git a/assets/css/app/tables.css b/assets/css/app/tables.css
index aa72fff3..8d4b200c 100644
--- a/assets/css/app/tables.css
+++ b/assets/css/app/tables.css
@@ -24,7 +24,7 @@
 .sticky-select-bar {
     position: sticky;
     top: 120px;
-    z-index: 3000; /* Ensure the bar is above other content */
+    z-index: 1000; /* Ensure the bar is above other content */
 }
 
 /****************************************
diff --git a/templates/components/datatables.macro.html.twig b/templates/components/datatables.macro.html.twig
index 447aa69c..009f815e 100644
--- a/templates/components/datatables.macro.html.twig
+++ b/templates/components/datatables.macro.html.twig
@@ -29,7 +29,7 @@
 
         <input type="hidden" name="ids" {{ stimulus_target('elements/datatables/parts', 'selectIDs') }} value="">
 
-        <div class="d-none mb-2 bg-body-secondary shadow-sm border border-secondary rounded mx-2 p-2" {{ stimulus_target('elements/datatables/parts', 'selectPanel') }}>
+        <div class="d-none mb-2 bg-body-tertiary shadow-sm border border-secondary rounded mx-2 p-2" {{ stimulus_target('elements/datatables/parts', 'selectPanel') }}>
             {# <span id="select_count"></span> #}
 
             <div class="input-group">