From fd51abb3ce44ee4a0da2d59ae94b263e6fb7694d Mon Sep 17 00:00:00 2001
From: Illia Filippov <filippov.illia.ukr@gmail.com>
Date: Thu, 25 Dec 2025 01:58:40 +0100
Subject: [PATCH] feat: enhance PathInput component by replacing kbd with Kbd
 component for better styling

---
 apps/ui/src/components/ui/path-input.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/ui/src/components/ui/path-input.tsx b/apps/ui/src/components/ui/path-input.tsx
index cb157653..09f8186f 100644
--- a/apps/ui/src/components/ui/path-input.tsx
+++ b/apps/ui/src/components/ui/path-input.tsx
@@ -3,6 +3,7 @@ import { useState, useRef, useCallback, useMemo } from 'react';
 import { Home, ArrowLeft, Pencil, ArrowRight, Search, Folder, File, X } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
+import { Kbd } from '@/components/ui/kbd';
 import {
   Breadcrumb,
   BreadcrumbList,
@@ -308,9 +309,7 @@ function PathInput({
                       >
                         <X className="w-3.5 h-3.5" />
                       </Button>
-                      <kbd className="hidden sm:inline-block px-1.5 py-0.5 text-[10px] bg-muted rounded border border-border text-muted-foreground">
-                        ESC
-                      </kbd>
+                      <Kbd className="hidden py-0.5 sm:inline-block">ESC</Kbd>
                     </div>
                   </div>
                   <CommandList className="scrollbar-styled">