diff --git a/packages/web/src/app/[domain]/components/lightweightCodeHighlighter.tsx b/packages/web/src/app/[domain]/components/lightweightCodeHighlighter.tsx
index dbb6c00f..7791d83f 100644
--- a/packages/web/src/app/[domain]/components/lightweightCodeHighlighter.tsx
+++ b/packages/web/src/app/[domain]/components/lightweightCodeHighlighter.tsx
@@ -54,7 +54,7 @@ export const LightweightCodeHighlighter = memo<LightweightCodeHighlighter>((prop
 
     const isFileTooLargeToDisplay = useMemo(() => {
         return unhighlightedLines.some(line => line.length > MAX_NUMBER_OF_CHARACTER_PER_LINE);
-    }, [code]);
+    }, [unhighlightedLines]);
 
     const [highlightedLines, setHighlightedLines] = useState<React.ReactNode[] | null>(null);
 
@@ -106,7 +106,8 @@ export const LightweightCodeHighlighter = memo<LightweightCodeHighlighter>((prop
         highlightRanges,
         highlightStyle,
         unhighlightedLines,
-        lineNumbersOffset
+        lineNumbersOffset,
+        isFileTooLargeToDisplay,
     ]);
 
     const lineCount = (highlightedLines ?? unhighlightedLines).length + lineNumbersOffset;
diff --git a/packages/web/src/app/[domain]/components/pathHeader.tsx b/packages/web/src/app/[domain]/components/pathHeader.tsx
index 02969a11..d4fd1e74 100644
--- a/packages/web/src/app/[domain]/components/pathHeader.tsx
+++ b/packages/web/src/app/[domain]/components/pathHeader.tsx
@@ -4,7 +4,6 @@ import { getCodeHostInfoForRepo } from "@/lib/utils";
 import { LaptopIcon } from "@radix-ui/react-icons";
 import clsx from "clsx";
 import Image from "next/image";
-import Link from "next/link";
 import { useBrowseNavigation } from "../browse/hooks/useBrowseNavigation";
 import { Copy, CheckCircle2, ChevronRight, MoreHorizontal } from "lucide-react";
 import { useCallback, useState, useMemo, useRef, useEffect } from "react";