diff --git a/web/src/app/icons/layout.tsx b/web/src/app/icons/layout.tsx
index 7ba6d056..4be6a750 100644
--- a/web/src/app/icons/layout.tsx
+++ b/web/src/app/icons/layout.tsx
@@ -1,5 +1,5 @@
 import { cn } from "@/lib/utils"
-import React from "react"
+import type React from "react"
 
 interface BackgroundWrapperProps {
 	children: React.ReactNode
diff --git a/web/src/components/icon-details.tsx b/web/src/components/icon-details.tsx
index 0b48743f..15fa8c9e 100644
--- a/web/src/components/icon-details.tsx
+++ b/web/src/components/icon-details.tsx
@@ -309,7 +309,10 @@ export function IconDetails({ icon, iconData, authorData }: IconDetailsProps) {
 										<div className="flex flex-wrap gap-2">
 											{iconData.categories.map((category) => (
 												<Link key={category} href={`/icons?category=${encodeURIComponent(category)}`} className="cursor-pointer">
-													<Badge variant="outline" className="inline-flex items-center border border-primary/20 hover:border-primary px-2.5 py-0.5 text-sm">
+													<Badge
+														variant="outline"
+														className="inline-flex items-center border border-primary/20 hover:border-primary px-2.5 py-0.5 text-sm"
+													>
 														{category
 															.split("-")
 															.map((word) => word.charAt(0).toUpperCase() + word.slice(1))