fix navbar icon hitslop

src/components/navbar.tsx

···
         <Show when={props.params.repo}>
           {/* Repository Level */}
           <div class="group relative flex items-center justify-between gap-1 rounded-md border-[0.5px] border-transparent bg-transparent px-2 transition-all duration-200 hover:border-neutral-300 hover:bg-neutral-50/40 dark:hover:border-neutral-600 dark:hover:bg-neutral-800/40">
-            <div class="-ml-0.5 flex basis-full items-center gap-1 sm:-ml-1 sm:gap-0.5">
+            <div class="-ml-1 flex basis-full items-center gap-0.5">
               <Tooltip text={showHandle() ? "Show DID" : "Show handle"}>
                 <button
                   type="button"
-                  class="relative flex items-center rounded p-0.5 text-neutral-500 transition-all duration-200 hover:bg-neutral-200/70 hover:text-neutral-700 active:bg-neutral-300/70 sm:p-1 dark:text-neutral-400 dark:hover:bg-neutral-700/70 dark:hover:text-neutral-200 dark:active:bg-neutral-600/70"
+                  class="relative flex items-center rounded p-1 text-neutral-500 transition-all duration-200 hover:bg-neutral-200/70 hover:text-neutral-700 active:bg-neutral-300/70 dark:text-neutral-400 dark:hover:bg-neutral-700/70 dark:hover:text-neutral-200 dark:active:bg-neutral-600/70"
                   onclick={() => {
                     localStorage.showHandle = !showHandle();
                     setShowHandle(!showHandle());