diff --git a/src/components/recorder/DisplayWhereConditionSettings.tsx b/legacy/src/DisplayWhereConditionSettings.tsx
similarity index 91%
rename from src/components/recorder/DisplayWhereConditionSettings.tsx
rename to legacy/src/DisplayWhereConditionSettings.tsx
index 784d26c4..b159375f 100644
--- a/src/components/recorder/DisplayWhereConditionSettings.tsx
+++ b/legacy/src/DisplayWhereConditionSettings.tsx
@@ -1,10 +1,10 @@
 import React from "react";
-import { Dropdown as MuiDropdown } from "../ui/DropdownMui";
+import { Dropdown as MuiDropdown } from "../../src/components/ui/DropdownMui";
 import { Checkbox, FormControlLabel, FormGroup, MenuItem, Stack, TextField } from "@mui/material";
-import { AddButton } from "../ui/buttons/AddButton";
-import { RemoveButton } from "../ui/buttons/RemoveButton";
-import { KeyValueForm } from "./KeyValueForm";
-import { WarningText } from "../ui/texts";
+import { AddButton } from "../../src/components/ui/buttons/AddButton";
+import { RemoveButton } from "../../src/components/ui/buttons/RemoveButton";
+import { KeyValueForm } from "../../src/components/recorder/KeyValueForm";
+import { WarningText } from "../../src/components/ui/texts";
 
 interface DisplayConditionSettingsProps {
   whereProp: string;
diff --git a/src/components/recorder/AddWhereCondModal.tsx b/src/components/recorder/AddWhereCondModal.tsx
index 758c9e75..45019d8f 100644
--- a/src/components/recorder/AddWhereCondModal.tsx
+++ b/src/components/recorder/AddWhereCondModal.tsx
@@ -8,7 +8,7 @@ import React, { useRef } from "react";
 import { GenericModal } from "../ui/GenericModal";
 import { WhereWhatPair } from "maxun-core";
 import { SelectChangeEvent } from "@mui/material/Select/Select";
-import { DisplayConditionSettings } from "./DisplayWhereConditionSettings";
+import { DisplayConditionSettings } from "../../../legacy/src/DisplayWhereConditionSettings";
 import { useSocketStore } from "../../context/socket";
 
 interface AddWhereCondModalProps {