diff --git a/src/App.tsx b/src/App.tsx
index 39b6935..3bbc86a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,5 @@
+import { BrowserRouter, Route, Routes } from "react-router-dom";
 import { ThemeProvider } from "@/components/theme-provider";
-import { BrowserRouter, Routes, Route } from "react-router-dom";
-
 import Index from "./Index";
 import Test from "./Test";
 
diff --git a/src/Index.tsx b/src/Index.tsx
index b849759..f443653 100644
--- a/src/Index.tsx
+++ b/src/Index.tsx
@@ -1,11 +1,11 @@
+import { CloudSync, RefreshCw } from "lucide-react";
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
-import { CloudSync, RefreshCw } from "lucide-react";
 
 function Issue({ issue }: { issue: any }) {
     return (
         <div className="w-sm p-4 border">
-            [{issue.id}] {issue.title}
+            import {Button} from "@/components/ui/button"; [{issue.id}] {issue.title}
         </div>
     );
 }
@@ -39,7 +39,9 @@ function Index() {
                         </>
                     )}
                 </Button>
-                    <Button variant="outline" linkTo={"/test"}>Go to Test Page</Button>
+                <Button variant="outline" linkTo={"/test"}>
+                    Go to Test Page
+                </Button>
             </div>
 
             {issues.length > 0 && (
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 007dfcf..4d75c75 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -1,9 +1,8 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
+import type * as React from "react";
 import { Link } from "react-router-dom";
+import { cn } from "@/lib/utils";
 
 const buttonVariants = cva(
     "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index bd0c391..e644794 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+    return twMerge(clsx(inputs));
 }