diff --git a/apps/web/components/chat/input/index.tsx b/apps/web/components/chat/input/index.tsx
index 6a82b476..9a0d01fb 100644
--- a/apps/web/components/chat/input/index.tsx
+++ b/apps/web/components/chat/input/index.tsx
@@ -7,11 +7,7 @@ import { dmSansClassName } from "@/lib/fonts"
 import { type ReactNode, useEffect, useRef, useState } from "react"
 import { AnimatePresence, motion } from "motion/react"
 import { SendButton, StopButton } from "./actions"
-import {
-	type ModelId,
-	modelNames,
-	type ReasoningEffort,
-} from "@/lib/models"
+import { type ModelId, modelNames, type ReasoningEffort } from "@/lib/models"
 
 export interface QueuedChatMessagePreview {
 	id: string
@@ -157,9 +153,7 @@ export default function ChatInput({
 								{queuedMessages.map((queued) => {
 									const model = modelNames[queued.model]
 									const ReasoningIcon =
-										queued.reasoningEffort === "thinking"
-											? BrainIcon
-											: ZapIcon
+										queued.reasoningEffort === "thinking" ? BrainIcon : ZapIcon
 									const reasoningLabel =
 										queued.reasoningEffort === "thinking"
 											? "Thinking"
diff --git a/apps/web/components/chat/message/user-message.tsx b/apps/web/components/chat/message/user-message.tsx
index fa5c542e..2d3d18f3 100644
--- a/apps/web/components/chat/message/user-message.tsx
+++ b/apps/web/components/chat/message/user-message.tsx
@@ -4,7 +4,6 @@ import { memo, useEffect, useRef, useState } from "react"
 import { AnimatePresence, motion } from "motion/react"
 import { Copy, Check, PencilIcon, PencilOffIcon } from "lucide-react"
 import type { UIMessage } from "@ai-sdk/react"
-import { cn } from "@lib/utils"
 import ChatModelSelector from "../model-selector"
 import { ReasoningSelector } from "../reasoning-selector"
 import { SendButton } from "../input/actions"
diff --git a/apps/web/components/chat/model-selector.tsx b/apps/web/components/chat/model-selector.tsx
index e0c03532..65208ca5 100644
--- a/apps/web/components/chat/model-selector.tsx
+++ b/apps/web/components/chat/model-selector.tsx
@@ -132,8 +132,8 @@ export default function ChatModelSelector({
 									<div className="min-w-0 flex-1">
 										<div
 											className={cn(
-										"truncate text-sm font-medium",
-											isSelected ? "text-white" : "text-white",
+												"truncate text-sm font-medium",
+												isSelected ? "text-white" : "text-white",
 											)}
 										>
 											{modelData.name}{" "}
diff --git a/apps/web/components/chat/reasoning-selector.tsx b/apps/web/components/chat/reasoning-selector.tsx
index 25a9c0ac..a02fc4fa 100644
--- a/apps/web/components/chat/reasoning-selector.tsx
+++ b/apps/web/components/chat/reasoning-selector.tsx
@@ -122,8 +122,8 @@ export function ReasoningSelector({
 									<div className="min-w-0 flex-1">
 										<div
 											className={cn(
-										"text-sm font-medium",
-											isSelected ? "text-white" : "text-white",
+												"text-sm font-medium",
+												isSelected ? "text-white" : "text-white",
 											)}
 										>
 											{option.label}