diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 9d604f3b..a0eeea31 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -97,7 +97,7 @@ export const Footer = () => {
       transition: {
         repeat: Infinity,
         duration: 0.1,
-        ease: "linear",
+        ease: "easeInOut",
         filter: { duration: 0.5 },
       },
     },
@@ -203,8 +203,8 @@ export const Footer = () => {
         </div>
         <motion.img
           key={rocketStatus}
-          src="/images/footer-santa-illustration.svg"
-          alt="Footer Santa Image"
+          src="/images/footer-rocket-illustration.svg"
+          alt="Footer Rocket Image"
           height={100}
           width={100}
           initial="pending"
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index c5fbc468..17cff2aa 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -111,7 +111,7 @@ export const Navbar = () => {
       >
         <div className="flex items-start gap-2 lg:flex-1">
           <div
-            className={`relative flex ${IS_MAIN_PRODUCTION_DOMAIN ? "items-end" : "items-end"} gap-5`}
+            className={`relative flex ${IS_MAIN_PRODUCTION_DOMAIN ? "items-center" : "items-start"} gap-5`}
             ref={dropdownRef}
           >
             <div
@@ -141,43 +141,13 @@ export const Navbar = () => {
               >
                 {IS_MAIN_PRODUCTION_DOMAIN ? (
                   <>
-                    {/* <NoblocksLogo className="max-sm:hidden" /> */}
-
-                    <Image
-                      src="/logos/noblocks-xmas.svg"
-                      alt="Noblocks Logo"
-                      className="max-sm:hidden"
-                      width={120}
-                      height={28}
-                    />
-                    {/* <NoblocksLogoIcon className="size-[18px] sm:hidden" /> */}
-                    <Image
-                      src="/logos/noblocks-xmas-mobile.svg"
-                      alt="Noblocks Logo"
-                      className="size-[28px] sm:hidden"
-                      width={120}
-                      height={28}
-                    />
+                    <NoblocksLogo className="max-sm:hidden" />
+                    <NoblocksLogoIcon className="size-[18px] sm:hidden" />
                   </>
                 ) : (
                   <>
-                    {/* <NoblocksBetaLogo className="max-sm:hidden" />*/}
-
-                    <Image
-                      src="/logos/noblocks-xmas.svg"
-                      alt="Noblocks Logo"
-                      className="max-sm:hidden"
-                      width={120}
-                      height={28}
-                    />
-                    {/* <NoblocksLogoIcon className="size-[18px] sm:hidden" /> */}
-                    <Image
-                      src="/logos/noblocks-xmas-mobile.svg"
-                      alt="Noblocks Logo"
-                      className="size-[28px] sm:hidden"
-                      width={120}
-                      height={28}
-                    />
+                    <NoblocksBetaLogo className="max-sm:hidden" />
+                    <NoblocksLogoIcon className="size-[18px] sm:hidden" />
                   </>
                 )}
               </button>
@@ -186,7 +156,7 @@ export const Navbar = () => {
                 className={classNames(
                   "size-5 cursor-pointer text-icon-outline-secondary transition-transform duration-200 dark:text-white/50 max-sm:hidden",
                   isDropdownOpen ? "rotate-0" : "-rotate-90",
-                  IS_MAIN_PRODUCTION_DOMAIN ? "mt-[10px]" : "mt-[10px]", // this adjusts the arrow position for beta logo
+                  IS_MAIN_PRODUCTION_DOMAIN ? "" : "!-mt-[15px]", // this adjusts the arrow position for beta logo
                 )}
                 onClick={(e) => {
                   e.preventDefault();