at themes page, fixed responsive layout on cards

src/components/marketplace.tsx

@@ -22,7 +22,7 @@ export default function MarketplacePage() {
           <ThemesSearch input={searchInput} setInput={setSearchInput} tags={tags} setTags={setTags} />
         </div>
       </div>
-      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-8 mt-10 w-full lg:w-1/2 xl:w-2/3 2xl:w-3/4">
+      <div className="grid grid-cols-1 md:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4 sm:grid-cols-2 gap-8 mt-10 w-5/6 md:!w-5/6 lg:w-1/2 xl:w-2/3 2xl:w-3/4">
         {getThemesFromSearch(themes, searchInput, tags).map((theme) => (
           <ThemeCard key={theme.name} theme={theme} />
         ))}

src/components/themes-search.tsx

@@ -19,7 +19,7 @@ export default function ThemesSearch({
   return (
     <>
       <div className="flex w-full p-2 bg-black/10 dark:bg-muted/50 rounded-full overflow-hidden mt-10 items-center border border-black dark:border-muted">
-        <SearchIcon className="w-6 h-6 mx-4 text-black dark:text-white" />
+        <SearchIcon className="size-6 mx-4 text-black dark:text-white" />
         <input
           type="text"
           value={input}