diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js
index 5cb2b59..7688d80 100644
--- a/frontend/src/components/Layout/Layout.js
+++ b/frontend/src/components/Layout/Layout.js
@@ -144,8 +144,10 @@ const Layout = ({ children }) => {
               onClick={() => setSidebarOpen(false)}
             />
             <div className="fixed inset-y-0 left-0 flex w-64 flex-col bg-white shadow-xl">
-              <div className="flex h-16 items-center justify-between px-6 border-b border-gray-200">
-              <img src="/brand/logo.png" alt="TurfTracking" className="h-10 w-10 object-contain" />
+              <div className="relative flex h-20 items-center px-6 border-b border-gray-200">
+                <div className="absolute inset-0 flex items-center justify-center">
+                  <img src="/brand/logo.png" alt="TurfTracking" className="h-16 w-16 object-contain" />
+                </div>
                 <button
                   type="button"
                   className="text-gray-400 hover:text-gray-600"
@@ -243,8 +245,8 @@ const Layout = ({ children }) => {
       {/* Desktop sidebar */}
       <div className="hidden lg:fixed lg:inset-y-0 lg:flex lg:w-64 lg:flex-col">
         <div className="flex min-h-0 flex-1 flex-col bg-white border-r border-gray-200">
-          <div className="flex h-16 items-center px-6 border-b border-gray-200">
-            <img src="/brand/logo.png" alt="TurfTracking" className="h-12 w-12 object-contain" />
+          <div className="flex h-24 items-center justify-center px-6 border-b border-gray-200">
+            <img src="/brand/logo.png" alt="TurfTracking" className="h-20 w-20 object-contain" />
           </div>
           
           <nav className="flex-1 space-y-1 px-4 py-6">
@@ -328,7 +330,7 @@ const Layout = ({ children }) => {
       <div className="lg:pl-64">
         {/* Top bar */}
         <div className="sticky top-0 z-10 bg-white border-b border-gray-200 lg:hidden">
-          <div className="flex h-16 items-center justify-between px-4">
+          <div className="relative flex h-16 items-center justify-between px-4">
             <button
               type="button"
               className="text-gray-500 hover:text-gray-600"
@@ -336,9 +338,10 @@ const Layout = ({ children }) => {
             >
               <Bars3Icon className="h-6 w-6" />
             </button>
-            
-            <img src="/brand/logo.png" alt="TurfTracking" className="h-10 w-10 object-contain" />
-            
+            {/* Centered logo */}
+            <div className="absolute inset-0 flex items-center justify-center">
+              <img src="/brand/logo.png" alt="TurfTracking" className="h-12 w-12 object-contain" />
+            </div>
             <div className="flex items-center space-x-4">
               <button className="text-gray-400 hover:text-gray-500">
                 <BellIcon className="h-6 w-6" />