diff --git a/ee/tabby-ui/components/chat/FileList.tsx b/ee/tabby-ui/components/chat/FileList.tsx
index cf08dc63bfe4..d3dce41f2578 100644
--- a/ee/tabby-ui/components/chat/FileList.tsx
+++ b/ee/tabby-ui/components/chat/FileList.tsx
@@ -53,7 +53,7 @@ export const FileList: React.FC<FileListProps> = ({
     if (!items.length) {
       console.log('[FileList] No items to display')
       return (
-        <div className="h-full flex items-center justify-center px-3 py-2.5 text-sm text-muted-foreground/70">
+        <div className="flex h-full items-center justify-center px-3 py-2.5 text-sm text-muted-foreground/70">
           No files found
         </div>
       )
@@ -62,7 +62,7 @@ export const FileList: React.FC<FileListProps> = ({
     return (
       <div
         ref={containerRef}
-        className="flex flex-col w-full divide-y divide-border/30 overflow-y-auto"
+        className="flex w-full flex-col divide-y divide-border/30 overflow-y-auto"
         style={{
           maxHeight: `${MAX_VISIBLE_ITEMS * ITEM_HEIGHT}px`,
           height: `${containerHeight}px`
@@ -96,7 +96,7 @@ export const FileList: React.FC<FileListProps> = ({
               type="button"
               tabIndex={-1}
               style={{ height: `${ITEM_HEIGHT}px` }}
-              className={`flex items-center justify-between w-full px-3 text-sm rounded-sm transition-colors flex-shrink-0
+              className={`flex w-full shrink-0 items-center justify-between rounded-sm px-3 text-sm transition-colors
                 ${
                   isSelected
                     ? 'bg-accent/50 text-accent-foreground'
@@ -104,9 +104,9 @@ export const FileList: React.FC<FileListProps> = ({
                 }
                 group relative`}
             >
-              <div className="flex items-center gap-2.5 min-w-0 max-w-[60%]">
+              <div className="flex min-w-0 max-w-[60%] items-center gap-2.5">
                 <svg
-                  className={`w-3.5 h-3.5 shrink-0 ${
+                  className={`h-3.5 w-3.5 shrink-0 ${
                     isSelected
                       ? 'text-accent-foreground'
                       : 'text-muted-foreground/70 group-hover:text-accent-foreground/90'
@@ -119,10 +119,10 @@ export const FileList: React.FC<FileListProps> = ({
                   <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" />
                   <polyline points="13 2 13 9 20 9" />
                 </svg>
-                <span className="font-medium truncate">{item.label}</span>
+                <span className="truncate font-medium">{item.label}</span>
               </div>
               <span
-                className={`text-[11px] truncate max-w-[40%] ${
+                className={`max-w-[40%] truncate text-[11px] ${
                   isSelected
                     ? 'text-accent-foreground/90'
                     : 'text-muted-foreground/60 group-hover:text-accent-foreground/80'
diff --git a/ee/tabby-ui/components/chat/editor/CategoryMenu.tsx b/ee/tabby-ui/components/chat/editor/CategoryMenu.tsx
index 67aff84edffd..e574001b0876 100644
--- a/ee/tabby-ui/components/chat/editor/CategoryMenu.tsx
+++ b/ee/tabby-ui/components/chat/editor/CategoryMenu.tsx
@@ -20,7 +20,7 @@ export const CategoryMenu: React.FC<CategoryMenuProps> = ({
   console.log('[CategoryMenu] Rendering component with items:', items)
 
   return (
-    <div className="flex flex-col w-full h-full divide-y divide-border/30">
+    <div className="flex h-full w-full flex-col divide-y divide-border/30">
       {items.map((item, idx) => {
         const isSelected = idx === selectedIndex
 
@@ -42,7 +42,7 @@ export const CategoryMenu: React.FC<CategoryMenuProps> = ({
           >
             <div className="flex items-center gap-2.5">
               <svg
-                className="w-3.5 h-3.5 text-muted-foreground/70"
+                className="h-3.5 w-3.5 text-muted-foreground/70"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
diff --git a/ee/tabby-ui/components/chat/prompt-form.tsx b/ee/tabby-ui/components/chat/prompt-form.tsx
index cf02f929a806..dc0a49a7732f 100644
--- a/ee/tabby-ui/components/chat/prompt-form.tsx
+++ b/ee/tabby-ui/components/chat/prompt-form.tsx
@@ -357,11 +357,11 @@ function PromptFormRenderer(
   return (
     <>
       <form onSubmit={handleSubmit} ref={formRef}>
-        <div className="bg-background relative flex max-h-60 w-full grow flex-col overflow-hidden px-8 sm:rounded-md sm:border sm:px-12">
+        <div className="relative flex max-h-60 w-full grow flex-col overflow-hidden bg-background px-8 sm:rounded-md sm:border sm:px-12">
           <Button
             variant="ghost"
             size="icon"
-            className="bg-background hover:bg-background absolute left-0 top-4 h-8 w-8 rounded-full p-0 sm:left-4"
+            className="absolute left-0 top-4 h-8 w-8 rounded-full bg-background p-0 hover:bg-background sm:left-4"
           >
             <span className="sr-only">Edit message</span>
           </Button>
@@ -369,7 +369,7 @@ function PromptFormRenderer(
           <div className="min-h-[60px] w-full resize-none bg-transparent py-[1.3rem] focus-within:outline-none sm:pl-4">
             <EditorContent
               editor={editor}
-              className="prose dark:prose-invert prose-p:my-0 focus:outline-none"
+              className="prose dark:prose-invert focus:outline-none prose-p:my-0"
             />
           </div>
 
@@ -395,7 +395,7 @@ function PromptFormRenderer(
         <Popover open={true} modal={false}>
           <PopoverContent
             ref={popoverRef}
-            className="p-0 w-[280px] overflow-y-auto"
+            className="w-[280px] overflow-y-auto p-0"
             style={{
               position: 'absolute',
               left: suggestionState.clientRect()?.left ?? 0,
@@ -441,7 +441,7 @@ function PromptFormRenderer(
                 onUpdateSelectedIndex={updateSelectedIndex}
               />
             ) : (
-              <div className="h-full flex items-center justify-center px-3 py-2.5 text-sm text-muted-foreground/70">
+              <div className="flex h-full items-center justify-center px-3 py-2.5 text-sm text-muted-foreground/70">
                 Symbol search coming soon...
               </div>
             )}