diff --git a/src/components/views/DevtoolsView.tsx b/src/components/views/DevtoolsView.tsx
index 8c7a365..68f80b5 100644
--- a/src/components/views/DevtoolsView.tsx
+++ b/src/components/views/DevtoolsView.tsx
@@ -1,12 +1,11 @@
 import { useState, useEffect, useRef } from "react";
 import { motion } from "framer-motion";
-import { TauriService } from "../../services/TauriService";
 import { useUI, useAudio, useConfig } from "../../context/LauncherContext";
 export default function DevtoolsView() {
   const { setActiveView } = useUI();
   const [backHover, setBackHover] = useState(false);
-  const { playBackSound, playClickSound } = useAudio();
-  const [focusIndex, setFocusIndex] = useState<number | null>(null);
+  const { playBackSound } = useAudio();
+  const [focusIndex] = useState<number | null>(null);
   const containerRef = useRef<HTMLDivElement>(null);
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -28,15 +27,6 @@ export default function DevtoolsView() {
     }
   }, [focusIndex]);
 
-  const getItemStyle = (index: number) => ({
-    backgroundImage:
-      focusIndex === index
-        ? "url('/images/button_highlighted.png')"
-        : "url('/images/Button_Background.png')",
-    backgroundSize: "100% 100%",
-    imageRendering: "pixelated" as const,
-  });
-
   return (
     <motion.div
       tabIndex={0}