diff --git a/src/layouts/BasicLayout.tsx b/src/layouts/BasicLayout.tsx
index 71ba6d4900c8a38510944bae4561884e23080a35..177cd776cc5c10440309a23de2b2e77ea3e1d44e 100644
--- a/src/layouts/BasicLayout.tsx
+++ b/src/layouts/BasicLayout.tsx
@@ -54,9 +54,10 @@ const footerRender: BasicLayoutProps['footerRender'] = (_, defaultDom) => {
           padding: '0px 20px 20px',
         }}
       >
-        <a href="https://www.netlify.com">
+        <a href="https://www.netlify.com" target="_blank">
           <img
-            src="https://www.netlify.com/img/global/badges/netlify-dark.svg"
+            src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg"
+            width={82}
             alt="netlify logo"
           />
         </a>