diff --git a/packages/web/src/app/[domain]/browse/[...path]/components/pureCodePreviewPanel.tsx b/packages/web/src/app/[domain]/browse/[...path]/components/pureCodePreviewPanel.tsx
index 812e6d66..49f08be8 100644
--- a/packages/web/src/app/[domain]/browse/[...path]/components/pureCodePreviewPanel.tsx
+++ b/packages/web/src/app/[domain]/browse/[...path]/components/pureCodePreviewPanel.tsx
@@ -13,8 +13,8 @@ import { search } from "@codemirror/search";
 import CodeMirror, { EditorSelection, EditorView, ReactCodeMirrorRef, SelectionRange, ViewUpdate } from "@uiw/react-codemirror";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { EditorContextMenu } from "../../../components/editorContextMenu";
-import { BrowseHighlightRange, useBrowseNavigation } from "../../hooks/useBrowseNavigation";
-import { HIGHLIGHT_RANGE_QUERY_PARAM } from "../../hooks/utils";
+import { useBrowseNavigation } from "../../hooks/useBrowseNavigation";
+import { BrowseHighlightRange, HIGHLIGHT_RANGE_QUERY_PARAM } from "../../hooks/utils";
 import { useBrowseState } from "../../hooks/useBrowseState";
 import { rangeHighlightingExtension } from "./rangeHighlightingExtension";
 import useCaptureEvent from "@/hooks/useCaptureEvent";
diff --git a/packages/web/src/app/[domain]/browse/[...path]/components/rangeHighlightingExtension.ts b/packages/web/src/app/[domain]/browse/[...path]/components/rangeHighlightingExtension.ts
index cb0fe977..d59ef56a 100644
--- a/packages/web/src/app/[domain]/browse/[...path]/components/rangeHighlightingExtension.ts
+++ b/packages/web/src/app/[domain]/browse/[...path]/components/rangeHighlightingExtension.ts
@@ -2,7 +2,7 @@
 
 import { StateField, Range } from "@codemirror/state";
 import { Decoration, DecorationSet, EditorView } from "@codemirror/view";
-import { BrowseHighlightRange } from "../../hooks/useBrowseNavigation";
+import { BrowseHighlightRange } from "../../hooks/utils";
 
 const markDecoration = Decoration.mark({
     class: "searchMatch-selected",