fix: minor directory updates

apps/v4/app/layout.tsx

@@ -92,7 +92,7 @@ export default function RootLayout({
         <ThemeProvider>
           <LayoutProvider>
             <NuqsAdapter>
-              <ActiveThemeProvider initialTheme="blue">
+              <ActiveThemeProvider>
                 {children}
                 <TailwindIndicator />
                 <Toaster position="top-center" />

apps/v4/components/directory-list.tsx

@@ -38,7 +38,7 @@ export function DirectoryList() {
       <ItemGroup className="my-8">
         {registries.map((registry, index) => (
           <React.Fragment key={index}>
-            <Item className="group/item relative gap-6 px-0 sm:px-4">
+            <Item className="group/item relative gap-6 px-0">
               <ItemMedia
                 variant="image"
                 dangerouslySetInnerHTML={{ __html: registry.logo }}

apps/v4/components/search-directory.tsx

@@ -25,18 +25,22 @@ export const SearchDirectory = () => {
           <Search />
         </InputGroupAddon>
         <InputGroupInput
-          placeholder="Search directory by name..."
+          placeholder="Search"
           value={query}
           onChange={onQueryChange}
         />
-        <InputGroupAddon align="inline-end">
+        <InputGroupAddon
+          align="inline-end"
+          data-disabled={!query.length}
+          className="data-[disabled=true]:hidden"
+        >
           <InputGroupButton
             aria-label="Clear"
             title="Clear"
             size="icon-xs"
             onClick={() => setQuery(null)}
           >
-            {query.length > 0 && <X />}
+            <X />
           </InputGroupButton>
         </InputGroupAddon>
       </InputGroup>