From 1b1691bfe6d7960bb6eccf7c3198018c5e543539 Mon Sep 17 00:00:00 2001
From: azizur100389 <azizur100389@gmail.com>
Date: Wed, 16 Sep 2026 11:56:01 +0100
Subject: [PATCH] style(web): align class ordering with CI formatter

---
 gitnexus-web/src/components/CodeReferencesPanel.tsx | 4 ++--
 gitnexus-web/src/components/FileTreePanel.tsx       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/gitnexus-web/src/components/CodeReferencesPanel.tsx b/gitnexus-web/src/components/CodeReferencesPanel.tsx
index 4001d64f2..3fb6e6461 100644
--- a/gitnexus-web/src/components/CodeReferencesPanel.tsx
+++ b/gitnexus-web/src/components/CodeReferencesPanel.tsx
@@ -390,7 +390,7 @@ export const CodeReferencesPanel = ({ onFocusNode }: CodeReferencesPanelProps) =
                 <X className="h-4 w-4" />
               </button>
             </div>
-            <div ref={selectedViewerRef} className="min-h-0 flex-1 scrollbar-thin overflow-auto">
+            <div ref={selectedViewerRef} className="scrollbar-thin min-h-0 flex-1 overflow-auto">
               {isLoadingFile ? (
                 <div className="flex items-center justify-center gap-2 py-8 text-text-muted">
                   <Loader2 className="h-4 w-4 animate-spin" />
@@ -463,7 +463,7 @@ export const CodeReferencesPanel = ({ onFocusNode }: CodeReferencesPanelProps) =
                 {t('graph:codePanel.references', { count: aiReferences.length })}
               </span>
             </div>
-            <div className="min-h-0 flex-1 scrollbar-thin space-y-3 overflow-y-auto p-3">
+            <div className="scrollbar-thin min-h-0 flex-1 space-y-3 overflow-y-auto p-3">
               {refsWithSnippets.map(
                 ({ ref, content, start, highlightStart, highlightEnd, totalLines }) => {
                   const nodeColor = ref.label
diff --git a/gitnexus-web/src/components/FileTreePanel.tsx b/gitnexus-web/src/components/FileTreePanel.tsx
index 6f69205f4..3004e9353 100644
--- a/gitnexus-web/src/components/FileTreePanel.tsx
+++ b/gitnexus-web/src/components/FileTreePanel.tsx
@@ -393,7 +393,7 @@ export const FileTreePanel = ({ onFocusNode }: FileTreePanelProps) => {
           </div>
 
           {/* File tree */}
-          <div className="flex-1 scrollbar-thin overflow-y-auto py-2">
+          <div className="scrollbar-thin flex-1 overflow-y-auto py-2">
             {fileTree.length === 0 ? (
               <div className="px-3 py-4 text-center text-xs text-text-muted">
                 {t('graph:fileTree.noFilesLoaded')}
@@ -417,7 +417,7 @@ export const FileTreePanel = ({ onFocusNode }: FileTreePanelProps) => {
       )}
 
       {activeTab === 'filters' && (
-        <div className="flex-1 scrollbar-thin overflow-y-auto p-3">
+        <div className="scrollbar-thin flex-1 overflow-y-auto p-3">
           <div className="mb-3">
             <h3 className="mb-2 text-xs font-medium tracking-wide text-text-secondary uppercase">
               {t('graph:fileTree.nodeTypes')}