@@ -81,8 +84,8 @@ export default function TableOptions({
diff --git a/src/frontend/src/modals/editNodeModal/index.tsx b/src/frontend/src/modals/editNodeModal/index.tsx
index 4e910ca84..63849cd7e 100644
--- a/src/frontend/src/modals/editNodeModal/index.tsx
+++ b/src/frontend/src/modals/editNodeModal/index.tsx
@@ -3,6 +3,7 @@ import { forwardRef, useEffect, useRef, useState } from "react";
import IconComponent from "../../components/genericIconComponent";
import TableComponent from "../../components/tableComponent";
import { Badge } from "../../components/ui/badge";
+import { useDarkStore } from "../../stores/darkStore";
import useFlowStore from "../../stores/flowStore";
import { NodeDataType } from "../../types/flow";
import BaseModal from "../baseModal";
@@ -28,6 +29,8 @@ const EditNodeModal = forwardRef(
) => {
const myData = useRef(data);
+ const isDark = useDarkStore((state) => state.dark);
+
const setNode = useFlowStore((state) => state.setNode);
function changeAdvanced(n) {
@@ -85,7 +88,9 @@ const EditNodeModal = forwardRef(
{data.type}
- ID: {data.id}
+
+ ID: {data.id}
+
diff --git a/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx b/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx
index f4e518e19..151cdd902 100644
--- a/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx
+++ b/src/frontend/src/pages/MainPage/components/headerComponent/index.tsx
@@ -107,7 +107,7 @@ const HeaderComponent = ({
name="Trash2"
className={cn(
"h-5 w-5 text-primary transition-all",
- disableFunctions ? "" : "hover:text-destructive",
+ disableFunctions ? "" : "hover:text-status-red",
)}
/>