diff --git a/static/darkmode.css b/static/darkmode.css
index 80af1a95..66c696e1 100644
--- a/static/darkmode.css
+++ b/static/darkmode.css
@@ -41,7 +41,7 @@ hr {
     border-top: var(--border);
 }
 
-.form-control, .dataTables_wrapper .dataTables_length select, .dataTables_wrapper.dataTables_filter input, .dropdown-menu, .dropdown-item {
+.form-control, .dataTables_wrapper .dataTables_length select, .dataTables_wrapper.dataTables_filter input, .dropdown-menu, .dropdown-item, .introjs-tooltip {
     color: var(--font-color);
     background-color: var(--input-bg-color);
 }
diff --git a/templates/base.html b/templates/base.html
index ca92836b..3f2537be 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -26,7 +26,7 @@
 
   <!-- Dashboard Core -->
   <link href="/static/assets/css/dashboard.css" rel="stylesheet"/>
-  <link rel="stylesheet" href="{{ url_for('static', filename='darkmode.css') }}?v={{ VERSION }}">
+
 
   <!-- Tabler JS -->
   <script src="/static/assets/js/vendors/jquery-3.2.1.min.js"></script>
@@ -66,7 +66,7 @@
   <script
       src="{{ url_for('static', filename='node_modules/multiple-select/dist/multiple-select.min.js') }}"></script>
 
-
+  <link rel="stylesheet" href="{{ url_for('static', filename='darkmode.css') }}?v={{ VERSION }}">
   <link rel="stylesheet" type="text/css" href="/static/style.css?v={{ VERSION }}">
 
   <script src="{{ url_for('static', filename='js/theme.js') }}"></script>