diff --git a/src/Views/Home/Assets.cshtml b/src/Views/Home/Assets.cshtml
index 3cf82bf..0606cb2 100644
--- a/src/Views/Home/Assets.cshtml
+++ b/src/Views/Home/Assets.cshtml
@@ -388,7 +388,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
             <form id="updateAssetForm">
@@ -620,9 +620,9 @@ document.addEventListener('DOMContentLoaded', () => {
 <div class="modal fade" id="viewAssetModal" tabindex="-1" aria-labelledby="viewAssetModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
-            <div class="modal-header bg-info text-white">
+            <div class="modal-header bg-info text-dark">
                 <h3 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
             <div class="modal-body">
diff --git a/src/Views/Home/Groups.cshtml b/src/Views/Home/Groups.cshtml
index f3e70ee..e01dc6a 100644
--- a/src/Views/Home/Groups.cshtml
+++ b/src/Views/Home/Groups.cshtml
@@ -320,7 +320,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h3>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
 
             <form id="updateGroupForm">
diff --git a/src/Views/Home/Locations.cshtml b/src/Views/Home/Locations.cshtml
index fb389b2..11b6d89 100644
--- a/src/Views/Home/Locations.cshtml
+++ b/src/Views/Home/Locations.cshtml
@@ -158,7 +158,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="editModalLabel">@T["Edit Location"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <form id="editForm">
                 <div class="modal-body">
diff --git a/src/Views/Home/Users.cshtml b/src/Views/Home/Users.cshtml
index bdbc328..f55edf9 100644
--- a/src/Views/Home/Users.cshtml
+++ b/src/Views/Home/Users.cshtml
@@ -163,7 +163,7 @@
         <div class="modal-content">
             <div class="modal-header bg-warning text-dark">
                 <h3 class="modal-title" id="updateModalLabel">@T["Update User"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <form id="updateForm">
@@ -652,9 +652,9 @@
 <div class="modal fade" id="detailModal" tabindex="-1" aria-labelledby="detailModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
-            <div class="modal-header bg-info text-white">
+            <div class="modal-header bg-info text-dark">
                 <h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3>
-                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+                <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <div class="row g-3">