diff --git a/rag-view/src/pages/RootLayout.jsx b/rag-view/src/pages/RootLayout.jsx
index 7a01372..93e1dfc 100644
--- a/rag-view/src/pages/RootLayout.jsx
+++ b/rag-view/src/pages/RootLayout.jsx
@@ -42,7 +42,7 @@ function RootLayout() {
       <Outlet />
       <button
         onClick={() => setShowAbout(true)}
-        className="fixed bottom-4 right-4 z-40 px-3 py-1.5 rounded-xl bg-slate-800 hover:bg-slate-700 active:bg-slate-900 border border-slate-700/60 text-xs font-medium text-slate-400 hover:text-slate-200 transition-colors shadow-lg"
+        className="fixed bottom-8 right-8 z-40 px-5 py-3 rounded-xl bg-indigo-500 hover:bg-indigo-400 active:bg-indigo-600 text-sm font-semibold text-white transition-colors shadow-lg shadow-indigo-500/40"
       >
         About
       </button>