diff --git a/viz/src/components/LandingPage.tsx b/viz/src/components/LandingPage.tsx
index d430932..52fce4c 100644
--- a/viz/src/components/LandingPage.tsx
+++ b/viz/src/components/LandingPage.tsx
@@ -3,7 +3,8 @@ import { Link } from "react-router-dom";
 import { useIsMobile } from "../hooks/use-mobile";
 import HomeNavigator from "./HomeNavigator";
 import { useState } from "react";
-import { Menu } from "lucide-react";
+import { Menu, X } from "lucide-react";
+
 const LandingPage: React.FC = () => {
   const isMobile = useIsMobile();
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
@@ -26,14 +27,7 @@ const LandingPage: React.FC = () => {
                   onClick={() => setIsMobileMenuOpen(false)}
                   className="absolute top-9 right-6 text-gray-600 hover:text-gray-900"
                 >
-                  <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M6 18L18 6M6 6l12 12"
-                    />
-                  </svg>
+                  <X />
                 </button>
                 <Link
                   to="/sae-visualizer"
diff --git a/viz/src/components/ui/sidebar.tsx b/viz/src/components/ui/sidebar.tsx
index c9e0b5c..82dc5eb 100644
--- a/viz/src/components/ui/sidebar.tsx
+++ b/viz/src/components/ui/sidebar.tsx
@@ -251,6 +251,7 @@ const SidebarTrigger = React.forwardRef<
   React.ComponentProps<typeof Button>
 >(({ className, ...props }) => {
   const { toggleSidebar } = useSidebar();
+  // @ts-expect-error some weird type issues
   return <Menu size={26} className={className} onClick={toggleSidebar} {...props} />;
 });
 SidebarTrigger.displayName = "SidebarTrigger";