diff --git a/src/app/scripts/_components/ScriptBrowser.tsx b/src/app/scripts/_components/ScriptBrowser.tsx
index 18eafcf..42eeb98 100644
--- a/src/app/scripts/_components/ScriptBrowser.tsx
+++ b/src/app/scripts/_components/ScriptBrowser.tsx
@@ -5,7 +5,6 @@ import {
   AccordionTrigger,
   AccordionContent,
 } from "@/components/ui/accordion";
-import { Input } from "@/components/ui/input";
 import Link from "next/link";
 import Image from "next/image";
 import { X, EyeOff, Eye, Star } from "lucide-react";
@@ -13,13 +12,12 @@ import React, {
   useState,
   useEffect,
   useRef,
-  useMemo,
   useCallback,
 } from "react";
 import { Category } from "@/lib/types";
 import { Badge } from "../../../components/ui/badge";
-import { Button } from "../../../components/ui/button";
 import clsx from "clsx";
+import { useRouter, useSearchParams } from "next/navigation";
 
 const ScriptBrowser = ({
   items,
@@ -31,18 +29,9 @@ const ScriptBrowser = ({
   setSelectedScript: (script: string | null) => void;
 }) => {
   const [links, setLinks] = useState<Category[]>([]);
-  const [searchTerm, setSearchTerm] = useState("");
-  const inputRef = useRef<HTMLInputElement>(null);
   const [expandedItems, setExpandedItems] = useState<string[]>([]);
-  const [showLogos, setShowLogos] = useState<boolean>(() => {
-    const saved = localStorage.getItem("showLogos");
-    return saved ? JSON.parse(saved) : true;
-  });
   const linkRefs = useRef<{ [key: string]: HTMLAnchorElement | null }>({});
-
-  useEffect(() => {
-    localStorage.setItem("showLogos", JSON.stringify(showLogos));
-  }, [showLogos]);
+  const searchParams = useSearchParams();
 
   useEffect(() => {
     if (items) {
@@ -51,62 +40,13 @@ const ScriptBrowser = ({
   }, [items]);
 
   useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === "/") {
-        inputRef.current?.focus();
-        event.preventDefault();
-      }
-      if (event.key === "Escape") {
-        handleSearch("");
-      }
-    };
-
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, []);
-
-  const handleSearch = (value: string) => {
-    setSearchTerm(value);
-  };
-
-  const filteredLinks = useMemo(() => {
-    return links.filter((category) =>
-      category.expand.items.some((script) =>
-        script.title.toLowerCase().includes(searchTerm.toLowerCase()),
-      ),
-    );
-  }, [links, searchTerm]);
-
-  useEffect(() => {
-    if (searchTerm) {
-      const expanded = filteredLinks.map((category) => category.catagoryName);
-      setExpandedItems(expanded);
-    } else {
-      setExpandedItems([]);
-    }
-  }, [searchTerm, filteredLinks]);
-
-  useEffect(() => {
-    const matchingScripts = links
-      .flatMap((category) => category.expand.items)
-      .filter((script) =>
-        script.title.toLowerCase().includes(searchTerm.toLowerCase()),
-      );
-
-    if (matchingScripts.length === 1) {
-      const scriptTitle = matchingScripts[0].title;
-      setSelectedScript(scriptTitle);
-
-      const linkElement = linkRefs.current[scriptTitle];
-      if (linkElement) {
-        linkElement.click();
-      }
+    const id = searchParams.get("id");
+    if (id) {
+      setSelectedScript(id);
     } else {
       setSelectedScript(null);
     }
-  }, [searchTerm, links, setSelectedScript]);
+  }, [searchParams]);
 
   const handleSelected = useCallback(
     (title: string) => {
@@ -133,25 +73,10 @@ const ScriptBrowser = ({
     setExpandedItems(value);
   };
 
-  const accordionProps = useMemo(() => {
-    return searchTerm
-      ? {
-          type: "multiple" as const,
-          value: expandedItems,
-          onValueChange: handleAccordionChange,
-        }
-      : {
-          type: "single" as const,
-          collapsible: true,
-          value: expandedItems[0],
-          onValueChange: (value: string) => handleAccordionChange([value]),
-        };
-  }, [searchTerm, expandedItems]);
-
   return (
     <div className="flex min-w-72 flex-col sm:max-w-72">
-      <div className="pb-4 flex items-end justify-between ">
-        <h1 className=" text-xl font-bold">Categories</h1>
+      <div className="flex items-end justify-between pb-4">
+        <h1 className="text-xl font-bold">Categories</h1>
         <p className="text-xs italic text-muted-foreground">
           {links.reduce(
             (acc, category) => acc + category.expand.items.length,
@@ -160,38 +85,13 @@ const ScriptBrowser = ({
           Total scripts
         </p>
       </div>
-      <div className="">
-        {/* <div className="mb-1 flex items-center">
-          <div className="relative w-full max-w-sm">
-            <Input
-              type="text"
-              placeholder="Search..."
-              className="rounded-md border border-input bg-background px-4 py-2 pr-10 text-sm shadow-sm transition-colors focus:outline-none focus:ring-1 focus:ring-primary"
-              onChange={(e) => handleSearch(e.target.value)}
-              ref={inputRef}
-              value={searchTerm}
-            />
-            <div className="absolute inset-y-0 right-0 flex items-center pr-2 text-muted-foreground">
-              <kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
-                <span className="text-xs">/</span>
-              </kbd>
-            </div>
-          </div>
-          {searchTerm && (
-            <X
-              className="ml-2 h-4 w-4 cursor-pointer"
-              onClick={() => handleSearch("")}
-              style={{
-                position: "absolute",
-                right: "0.5rem",
-              }}
-            />
-          )}
-        </div> */}
-      </div>
       <div className="rounded-lg">
-        <Accordion {...accordionProps}>
-          {filteredLinks.map((category) => (
+        <Accordion
+          type="multiple"
+          value={expandedItems}
+          onValueChange={handleAccordionChange}
+        >
+          {links.map((category) => (
             <AccordionItem
               key={category.id + ":category"}
               value={category.catagoryName}
@@ -222,87 +122,60 @@ const ScriptBrowser = ({
                 }
                 className="pt-0"
               >
-                {category.expand.items
-                  .filter((script) =>
-                    script.title
-                      .toLowerCase()
-                      .includes(searchTerm.toLowerCase()),
-                  )
-                  .map((script, index) => (
-                    <p key={index}>
-                      <Link
-                        href={{
-                          pathname: "/scripts",
-                          query: { id: script.title },
-                        }}
-                        className={`flex cursor-pointer items-center justify-between gap-1 px-1 py-1 text-muted-foreground hover:rounded-lg hover:bg-accent/60 hover:dark:bg-accent/20 ${
-                          selectedScript === script.title
-                            ? "rounded-lg bg-accent font-semibold dark:bg-accent/30 dark:text-white"
-                            : ""
-                        }`}
-                        onClick={() => handleSelected(script.title)}
-                        ref={(el) => {
-                          linkRefs.current[script.title] = el;
-                        }}
-                      >
-                        {showLogos && script.logo && (
-                          <Image
-                            src={script.logo}
-                            priority={true}
-                            alt={script.title}
-                            width={16}
-                            height={16}
-                            className="mr-1 rounded-full"
-                          />
+                {category.expand.items.map((script, index) => (
+                  <p key={index}>
+                    <Link
+                      href={{
+                        pathname: "/scripts",
+                        query: { id: script.title },
+                      }}
+                      className={`flex cursor-pointer items-center justify-between gap-1 px-1 py-1 text-muted-foreground hover:rounded-lg hover:bg-accent/60 hover:dark:bg-accent/20 ${
+                        selectedScript === script.title
+                          ? "rounded-lg bg-accent font-semibold dark:bg-accent/30 dark:text-white"
+                          : ""
+                      }`}
+                      onClick={() => handleSelected(script.title)}
+                      ref={(el) => {
+                        linkRefs.current[script.title] = el;
+                      }}
+                    >
+                        <Image
+                          src={script.logo}
+                          priority={true}
+                          alt={script.title}
+                          width={16}
+                          height={16}
+                          className="mr-1 rounded-full"
+                        />
+                      <span className="flex items-center gap-2">
+                        {script.title}
+                        {script.isMostViewed && (
+                          <Star className="h-3 w-3 text-yellow-500"></Star>
                         )}
-                        <span className="flex items-center gap-2">
-                          {script.title}
-                          {script.isMostViewed && (
-                            <Star className="h-3 w-3 text-yellow-500"></Star>
-                          )}
-                        </span>
-                        <Badge
-                          className={clsx(
-                            "ml-auto w-[37.69px] justify-center text-center",
-                            {
-                              "text-primary/75": script.item_type === "VM",
-                              "text-yellow-500/75": script.item_type === "LXC",
-                              "border-none": script.item_type === "",
-                              hidden: !["VM", "LXC", ""].includes(
-                                script.item_type,
-                              ),
-                            },
-                          )}
-                        >
-                          {script.item_type}
-                        </Badge>
-                      </Link>
-                    </p>
-                  ))}
+                      </span>
+                      <Badge
+                        className={clsx(
+                          "ml-auto w-[37.69px] justify-center text-center",
+                          {
+                            "text-primary/75": script.item_type === "VM",
+                            "text-yellow-500/75": script.item_type === "LXC",
+                            "border-none": script.item_type === "",
+                            hidden: !["VM", "LXC", ""].includes(
+                              script.item_type,
+                            ),
+                          },
+                        )}
+                      >
+                        {script.item_type}
+                      </Badge>
+                    </Link>
+                  </p>
+                ))}
               </AccordionContent>
             </AccordionItem>
           ))}
         </Accordion>
       </div>
-      <p className="ml-4 mt-6 flex justify-center text-xs text-muted-foreground">
-        <Button
-          variant="outline"
-          className="cursor-pointer"
-          onClick={() => setShowLogos(!showLogos)}
-        >
-          {showLogos ? (
-            <>
-              <EyeOff className="mr-1 inline-block h-4 w-4 align-text-bottom" />
-              Hide Logos
-            </>
-          ) : (
-            <>
-              <Eye className="mr-1 inline-block h-4 w-4 align-text-bottom" />
-              Show Logos
-            </>
-          )}
-        </Button>
-      </p>
     </div>
   );
 };