diff --git a/components/landing-page/retracting-sidedar.tsx b/components/landing-page/retracting-sidedar.tsx
index 3e8949f..58c8a93 100644
--- a/components/landing-page/retracting-sidedar.tsx
+++ b/components/landing-page/retracting-sidedar.tsx
@@ -308,17 +308,21 @@ const SidebarContent = ({
       <div className="flex-1 overflow-y-auto">
         <div className="flex flex-col space-y-6">
           {/* HEADER */}
-          <div className="flex items-center justify-between px-4 py-6">
-            <Link href="/" className="flex items-center space-x-3">
+          <div className="flex items-center justify-center px-4 py-6 transition-all duration-300">
+            <Link href="/" className="flex items-center justify-center w-full">
               <img
                 src="/image/qudo1.png"
-                className="w-10 h-10 rounded-lg shadow-sm"
+                alt="Qudo Logo"
+                className={`
+        object-contain transition-all duration-300
+        ${open ? "w-44 h-44" : "w-12 h-12"}
+      `}
               />
             </Link>
 
             {open && (
               <button
-                className="p-2 rounded-lg hover:bg-slate-100"
+                className="ml-3 p-2 rounded-lg hover:bg-slate-100 transition"
                 onClick={() => updateSidebarData(false)}
               >
                 <Icon icon="heroicons:chevron-left" className="w-5 h-5" />