diff --git a/surfsense_web/components/chat-comments/comment-composer/comment-composer.tsx b/surfsense_web/components/chat-comments/comment-composer/comment-composer.tsx
index e2ab26aee..3e9b4504f 100644
--- a/surfsense_web/components/chat-comments/comment-composer/comment-composer.tsx
+++ b/surfsense_web/components/chat-comments/comment-composer/comment-composer.tsx
@@ -315,10 +315,7 @@ export function CommentComposer({
 					size={compact ? "icon" : "sm"}
 					onClick={handleSubmit}
 					disabled={!canSubmit}
-					className={cn(
-						!canSubmit && "opacity-50",
-						compact && "size-8 shrink-0 rounded-full"
-					)}
+					className={cn(!canSubmit && "opacity-50", compact && "size-8 shrink-0 rounded-full")}
 				>
 					{compact ? (
 						<ArrowUp className="size-4" />
diff --git a/surfsense_web/components/chat-comments/comment-item/comment-actions.tsx b/surfsense_web/components/chat-comments/comment-item/comment-actions.tsx
index 241497f9c..5c0e27779 100644
--- a/surfsense_web/components/chat-comments/comment-item/comment-actions.tsx
+++ b/surfsense_web/components/chat-comments/comment-item/comment-actions.tsx
@@ -33,7 +33,7 @@ export function CommentActions({ canEdit, canDelete, onEdit, onDelete }: Comment
 						Edit
 					</DropdownMenuItem>
 				)}
-					{canDelete && (
+				{canDelete && (
 					<DropdownMenuItem onClick={onDelete}>
 						<Trash2 className="mr-2 size-4" />
 						Delete
diff --git a/surfsense_web/components/chat-comments/comment-panel/comment-panel.tsx b/surfsense_web/components/chat-comments/comment-panel/comment-panel.tsx
index 739a2cbd3..122601008 100644
--- a/surfsense_web/components/chat-comments/comment-panel/comment-panel.tsx
+++ b/surfsense_web/components/chat-comments/comment-panel/comment-panel.tsx
@@ -29,16 +29,19 @@ export function CommentPanel({
 		return (
 			<div
 				className={cn(
-			"flex min-h-[120px] items-center justify-center p-4",
-		isInline && "w-full rounded-xl border-sidebar-border border bg-sidebar text-sidebar-foreground shadow-lg",
-		!isMobile && !isInline && "w-96 rounded-lg border-sidebar-border border bg-sidebar text-sidebar-foreground"
-		)}
-	>
-		<div className="flex items-center gap-2 text-sm text-muted-foreground">
-			<div className="size-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
-			Loading comments...
-		</div>
-	</div>
+					"flex min-h-[120px] items-center justify-center p-4",
+					isInline &&
+						"w-full rounded-xl border-sidebar-border border bg-sidebar text-sidebar-foreground shadow-lg",
+					!isMobile &&
+						!isInline &&
+						"w-96 rounded-lg border-sidebar-border border bg-sidebar text-sidebar-foreground"
+				)}
+			>
+				<div className="flex items-center gap-2 text-sm text-muted-foreground">
+					<div className="size-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
+					Loading comments...
+				</div>
+			</div>
 		);
 	}
 
@@ -53,8 +56,11 @@ export function CommentPanel({
 			className={cn(
 				"flex flex-col",
 				isMobile && "w-full",
-	isInline && "w-full rounded-xl border-sidebar-border border bg-sidebar text-sidebar-foreground shadow-lg max-h-80",
-	!isMobile && !isInline && "w-85 rounded-lg border-sidebar-border border bg-sidebar text-sidebar-foreground"
+				isInline &&
+					"w-full rounded-xl border-sidebar-border border bg-sidebar text-sidebar-foreground shadow-lg max-h-80",
+				!isMobile &&
+					!isInline &&
+					"w-85 rounded-lg border-sidebar-border border bg-sidebar text-sidebar-foreground"
 			)}
 			style={
 				!isMobile && !isInline && effectiveMaxHeight ? { maxHeight: effectiveMaxHeight } : undefined
@@ -79,18 +85,18 @@ export function CommentPanel({
 				</div>
 			)}
 
-		<div className={cn("p-3", isMobile && "fixed bottom-0 left-0 right-0 z-50 bg-card border-t")}>
-			<CommentComposer
-				members={members}
-				membersLoading={membersLoading}
-				placeholder="Comment or @mention"
-				submitLabel="Comment"
-				isSubmitting={isSubmitting}
-				onSubmit={handleCommentSubmit}
-				autoFocus={!hasThreads}
-				compact
-			/>
-		</div>
+			<div className={cn("p-3", isMobile && "fixed bottom-0 left-0 right-0 z-50 bg-card border-t")}>
+				<CommentComposer
+					members={members}
+					membersLoading={membersLoading}
+					placeholder="Comment or @mention"
+					submitLabel="Comment"
+					isSubmitting={isSubmitting}
+					onSubmit={handleCommentSubmit}
+					autoFocus={!hasThreads}
+					compact
+				/>
+			</div>
 		</div>
 	);
 }
diff --git a/surfsense_web/components/chat-comments/comment-thread/comment-thread.tsx b/surfsense_web/components/chat-comments/comment-thread/comment-thread.tsx
index 2ce4b491c..76ff3158e 100644
--- a/surfsense_web/components/chat-comments/comment-thread/comment-thread.tsx
+++ b/surfsense_web/components/chat-comments/comment-thread/comment-thread.tsx
@@ -129,17 +129,17 @@ export function CommentThread({
 
 						{isReplyComposerOpen ? (
 							<div className="pt-3">
-							<CommentComposer
-								members={members}
-								membersLoading={membersLoading}
-								placeholder="Reply or @mention"
-								submitLabel="Reply"
-								isSubmitting={isSubmitting}
-								onSubmit={handleReplySubmit}
-								onCancel={handleReplyCancel}
-								autoFocus
-								compact
-							/>
+								<CommentComposer
+									members={members}
+									membersLoading={membersLoading}
+									placeholder="Reply or @mention"
+									submitLabel="Reply"
+									isSubmitting={isSubmitting}
+									onSubmit={handleReplySubmit}
+									onCancel={handleReplyCancel}
+									autoFocus
+									compact
+								/>
 							</div>
 						) : (
 							<Button variant="ghost" size="sm" className="h-7 px-2 text-xs" onClick={handleReply}>