diff --git a/src/components/Layout/Sidebar.jsx b/src/components/Layout/Sidebar.jsx
index da1464e5..533de63b 100644
--- a/src/components/Layout/Sidebar.jsx
+++ b/src/components/Layout/Sidebar.jsx
@@ -35,8 +35,8 @@ const Sidebar = () => {
           </span>
 
           <span className="app-brand-text">
-            <span className="text-primary">OnField</span>
-            <span className="mx-1">Work</span>
+            <span className="text-blue ms-1">OnField</span>
+            <span className="text-green">Work</span>
             <span className="text-dark">.com</span>
           </span>
         </Link>