diff --git a/allianceauth/authentication/templates/authentication/dashboard.characters.html b/allianceauth/authentication/templates/authentication/dashboard.characters.html
index 43944bf7..0e0229fd 100644
--- a/allianceauth/authentication/templates/authentication/dashboard.characters.html
+++ b/allianceauth/authentication/templates/authentication/dashboard.characters.html
@@ -17,7 +17,7 @@
                             <span class="d-md-inline m-2">{% translate 'Change Main' %}</span>
                         </a>
                     </div>
-                    <table class="table" style="--bs-table-bg: transparent;">
+                    <table class="table">
                         <thead>
                             <tr>
                                 <th class="text-center"></th>
diff --git a/allianceauth/authentication/templates/authentication/dashboard.groups.html b/allianceauth/authentication/templates/authentication/dashboard.groups.html
index 5ea8514a..5cbd8cf3 100644
--- a/allianceauth/authentication/templates/authentication/dashboard.groups.html
+++ b/allianceauth/authentication/templates/authentication/dashboard.groups.html
@@ -6,7 +6,7 @@
             <div class="card-body">
                 <div style="height: 300px; overflow-y:auto;">
                     <h6 class="text-center">{% translate "State:" %} {{ request.user.profile.state }}</h6>
-                    <table class="table" style="--bs-table-bg: transparent;">
+                    <table class="table">
                         {% for group in groups %}
                             <tr>
                                 <td class="text-center">{{ group.name }}</td>
diff --git a/allianceauth/optimer/templates/optimer/dashboard.ops.html b/allianceauth/optimer/templates/optimer/dashboard.ops.html
index 1adb5d52..b271c591 100644
--- a/allianceauth/optimer/templates/optimer/dashboard.ops.html
+++ b/allianceauth/optimer/templates/optimer/dashboard.ops.html
@@ -7,7 +7,7 @@
             <h4 class="card-title text-center">{% translate "Upcoming Fleets" %}</h4>
             <div class="card-body">
                 <div style="height: 300px; overflow-y:auto;">
-                    <table class="table" style="--bs-table-bg: transparent;">
+                    <table class="table">
                         <thead>
                             <tr>
                                 <th class="text-center">{% translate "Operation" %}</th>
diff --git a/allianceauth/static/allianceauth/css/auth-framework.css b/allianceauth/static/allianceauth/css/auth-framework.css
index 5b4b80fc..830baa70 100644
--- a/allianceauth/static/allianceauth/css/auth-framework.css
+++ b/allianceauth/static/allianceauth/css/auth-framework.css
@@ -1,9 +1,18 @@
 /**
  * Alliance Auth CSS Framework
  *
- * This provides some CSS classes to be used throughout Alliance Auth and its Community Apps
+ * This provides some CSS classes together with a couple of Bootstrap fixes
+ * to be used throughout Alliance Auth and its Community Apps
  */
 
+/* Bootstrap fixes
+------------------------------------------------------------------------------------- */
+@media all {
+    .table {
+        --bs-table-bg: transparent;
+    }
+}
+
 /* Cursor classes
 ------------------------------------------------------------------------------------- */
 @media all {
diff --git a/allianceauth/templates/allianceauth/messages-bs5.html b/allianceauth/templates/allianceauth/messages-bs5.html
index d12caed2..762c1852 100644
--- a/allianceauth/templates/allianceauth/messages-bs5.html
+++ b/allianceauth/templates/allianceauth/messages-bs5.html
@@ -3,7 +3,7 @@
     {% for message in messages %}
         <div class="alert alert-{{ message.level_tag }} alert-dismissible d-flex align-items-center fade show" role="alert">
 
-            <div class="" style="">
+            <div>
                 {% if message.level_tag == "info" %}
                     <i class="fas fa-info-circle"></i>
                 {% elif message.level_tag == "success" %}
@@ -15,12 +15,11 @@
                 {% endif %}
             </div>
 
-            <div class="ms-2" style="">
+            <div class="ms-2">
                 {{ message }}
             </div>
 
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-
         </div>
     {% endfor %}
 {% endif %}
diff --git a/allianceauth/timerboard/templates/timerboard/dashboard.timers.html b/allianceauth/timerboard/templates/timerboard/dashboard.timers.html
index c5154127..f01ecf14 100644
--- a/allianceauth/timerboard/templates/timerboard/dashboard.timers.html
+++ b/allianceauth/timerboard/templates/timerboard/dashboard.timers.html
@@ -7,7 +7,7 @@
             <h4 class="card-title text-center">{% translate "Upcoming Timers" %}</h4>
             <div class="card-body">
                 <div style="height: 300px; overflow-y:auto;">
-                    <table class="table" style="--bs-table-bg: transparent;">
+                    <table class="table">
                         <thead>
                             <tr>
                                 <th class="text-center">{% translate "Details" %}</th>
@@ -20,10 +20,10 @@
                         <tbody>
                             {% for timer in timers %}
                             <tr>
-                                <td style="" class="text-center">
+                                <td class="text-center">
                                     {{ timer.details }}
                                 </td>
-                                <td style="" class="text-center">
+                                <td class="text-center">
                                     {{ timer.get_timer_type_display }}
                                 </td>
                                 <td class="text-center" nowrap>