diff --git a/ui/dev-dist/sw.js b/ui/dev-dist/sw.js
index 2426796c..2f731121 100644
--- a/ui/dev-dist/sw.js
+++ b/ui/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.8f1s6la51s8"
+    "revision": "0.v26qf4kt408"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/ui/public/favicon.ico b/ui/public/favicon.ico
index 66aa8c4a..13b2c5d6 100644
Binary files a/ui/public/favicon.ico and b/ui/public/favicon.ico differ
diff --git a/ui/public/img/logo/Logo.png b/ui/public/img/logo/Logo.png
new file mode 100644
index 00000000..9529b065
Binary files /dev/null and b/ui/public/img/logo/Logo.png differ
diff --git a/ui/public/img/logo/logo-400.png b/ui/public/img/logo/logo-400.png
index 7163a57a..dadfc5ce 100644
Binary files a/ui/public/img/logo/logo-400.png and b/ui/public/img/logo/logo-400.png differ
diff --git a/ui/src/components/layouts/AuthLayout/Side.tsx b/ui/src/components/layouts/AuthLayout/Side.tsx
index 47811355..ea7712f9 100644
--- a/ui/src/components/layouts/AuthLayout/Side.tsx
+++ b/ui/src/components/layouts/AuthLayout/Side.tsx
@@ -12,32 +12,32 @@ const Side = ({ children, content, ...rest }: SideProps) => {
   return (
     <div className="grid lg:grid-cols-3 h-full">
       <div
-        className="bg-no-repeat bg-cover py-6 px-16 flex-col justify-between hidden lg:flex"
+        className="relative bg-no-repeat bg-cover py-6 px-16 flex-col justify-between hidden lg:flex"
         style={{
           backgroundImage: `url('/img/others/auth-side-bg.jpg')`,
         }}
       >
-        <Logo mode="dark" />
-        <div>
-          <div className="mb-6 flex items-center gap-4">
-            <Avatar
-              className="border-2 border-white"
-              shape="circle"
-              src="/img/others/cto.png"
-            />
-            <div className="text-white">
-              <div className="font-semibold text-base">Sedat ÖZTÜRK</div>
-              <span className="opacity-80">CTO</span>
+        <div className="absolute inset-0 bg-black bg-opacity-50 z-0"></div>
+        <div className="relative z-10 flex flex-col h-full justify-between">
+          <Logo className="drop-shadow-md" />
+          <div>
+            <div className="mb-6 flex items-center gap-4">
+              <Avatar className="border-2 border-white" shape="circle" src="/img/others/cto.png" />
+              <div className="text-white">
+                <div className="font-semibold text-base">Sedat ÖZTÜRK</div>
+                <span className="opacity-80">CTO</span>
+              </div>
             </div>
+            <p className="text-lg text-white opacity-80">
+              From interactive desktop applications to immersive web and mobile solutions, we exist to
+              meet your needs today and ensure continued success tomorrow.
+            </p>
           </div>
-          <p className="text-lg text-white opacity-80">
-            From interactive desktop applications to immersive web and mobile solutions, we exist to meet your needs today and ensure continued success tomorrow.
-          </p>
+          <span className="text-white">
+            Copyright &copy; {`${new Date().getFullYear()}`}{' '}
+            <span className="font-semibold">{`${APP_NAME}`}</span>{' '}
+          </span>
         </div>
-        <span className="text-white">
-          Copyright &copy; {`${new Date().getFullYear()}`}{' '}
-          <span className="font-semibold">{`${APP_NAME}`}</span>{' '}
-        </span>
       </div>
       <div className="col-span-2 flex flex-col justify-start sm:justify-center items-center bg-white dark:bg-gray-800">
         <div className="w-full xl:max-w-[450px] px-8 max-w-[380px]">
diff --git a/ui/src/components/shared/Captcha.tsx b/ui/src/components/shared/Captcha.tsx
index e94974b1..13b462e3 100644
--- a/ui/src/components/shared/Captcha.tsx
+++ b/ui/src/components/shared/Captcha.tsx
@@ -16,7 +16,7 @@ const Captcha = forwardRef((props: CaptchaProps, ref: Ref<TurnstileInstance>) =>
       <Turnstile
         ref={ref}
         className={className ?? 'mb-4 mx-auto'}
-        siteKey="0x4AAAAAAAGadwQME-GSYuJU"
+        siteKey="0x4AAAAAABdEjmiXxcl0j7jp"
         onError={onError}
         onExpire={onExpire}
         onSuccess={onSuccess}