diff --git a/Plan/react/dashboard/src/App.js b/Plan/react/dashboard/src/App.js
index 707f25aae..8a529ab06 100644
--- a/Plan/react/dashboard/src/App.js
+++ b/Plan/react/dashboard/src/App.js
@@ -4,7 +4,7 @@ import './style/style.css';
import {BrowserRouter, Navigate, Route, Routes} from "react-router-dom";
import React from "react";
-import {ThemeContextProvider} from "./hooks/themeHook";
+import {NightModeCss, ThemeContextProvider, ThemeCss} from "./hooks/themeHook";
import axios from "axios";
import ErrorView from "./views/ErrorView";
import {faMapSigns} from "@fortawesome/free-solid-svg-icons";
@@ -99,8 +99,10 @@ function App() {
return (
+
+
}/>
}/>
diff --git a/Plan/react/dashboard/src/components/cards/query/QueryOptionsCard.js b/Plan/react/dashboard/src/components/cards/query/QueryOptionsCard.js
index 89c45453f..040f7cdf1 100644
--- a/Plan/react/dashboard/src/components/cards/query/QueryOptionsCard.js
+++ b/Plan/react/dashboard/src/components/cards/query/QueryOptionsCard.js
@@ -227,7 +227,7 @@ const QueryOptionsCard = () => {