diff --git a/src/components/Logo.jsx b/src/components/Logo.jsx
index 191c0e60..9c692ed9 100644
--- a/src/components/Logo.jsx
+++ b/src/components/Logo.jsx
@@ -5,12 +5,12 @@ export function Logo(props) {
   return (
       <div>
           {router.route.startsWith('/docs') && <img src='/img/logo/logo-docs.svg' alt="some file"  height='200'
-               width='180' className="dark:hidden"/> ||
-          <img src='/img/logo/logo-docs-dark.svg' alt="some file"  height='200'
+               width='180' className="dark:hidden"/>}
+          {router.route.startsWith('/docs') &&  <img src='/img/logo/logo-docs-dark.svg' alt="some file"  height='200'
                width='180' className="hidden dark:block"/>}
           {router.route.startsWith('/ipa') && <img src='/img/logo/logo-api.svg' alt="some file"  height='200'
-               width='180' className="dark:hidden"/> ||
-          <img src='/img/logo/logo-api-dark.svg' alt="some file"  height='200'
+               width='180' className="dark:hidden"/>}
+          {router.route.startsWith('/ipa') && <img src='/img/logo/logo-api-dark.svg' alt="some file"  height='200'
                width='180' className="hidden dark:block"/>}
       </div>
   )