diff --git a/src/components/ComponentCard.tsx b/src/components/ComponentCard.tsx
index 83c199a..8908d55 100644
--- a/src/components/ComponentCard.tsx
+++ b/src/components/ComponentCard.tsx
@@ -5,7 +5,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 // In a real project, this would be its own file with syntax highlighting (e.g., PrismJS or Shiki).
 import { Eye, Code2, Info, ChevronDown, ChevronUp } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { Skeleton} from "@/components/ui/skeleton";
+import { Skeleton } from "@/components/ui/skeleton";
 import { useTheme } from "next-themes";
 import { CodeBlock } from "@/components/CodeBlock";
 
@@ -83,7 +83,7 @@ export const ComponentCard = ({
                                     {renderTitle()}
                                 </h3>
                             )}
-                            
+
                             {/* Category Badge */}
                             {!loading && category && (
                                 <span className="inline-flex items-center px-2.5 py-0.5 text-xs font-semibold rounded-full bg-primary/10 text-primary border border-primary/20">
diff --git a/src/data/components.tsx b/src/data/components.tsx
index a8606c7..7cdac59 100644
--- a/src/data/components.tsx
+++ b/src/data/components.tsx
@@ -73,7 +73,6 @@ import { PlusIcon, HeartIcon, MessageCircleIcon } from "lucide-react";
 import { SliderDemo } from "@/components/ui/sliderDemo";
 
 
-
 export const componentsData = [
   {
     id: "button",
@@ -182,7 +181,7 @@ export function SwitchDemo() {
       "An input where the user selects a value from within a given range.",
     category: "Form",
     // FIX: Using the separate functional component <SliderDemo />
-    preview: <SliderDemo />, 
+    preview: <SliderDemo />,
 
     // Code snippet reflecting the correct controlled usage for users
     code: `import { Slider } from "@/components/ui/slider"
@@ -528,7 +527,7 @@ export function DialogDemo() {
     </Dialog>
   )
 }`,
-    },
+  },
   {
     id: "progress",
     title: "Progress",