diff --git a/README.md b/README.md
index fa0130eeff..50e695227e 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,8 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/sqlstack-io/sqlbuild/main/.github/sqlbuild-logo-clean.png" alt="SQLBuild" width="100%">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/sqlstack-io/sqlbuild/main/website/public/assets/logo-dark.png">
+    <img src="https://raw.githubusercontent.com/sqlstack-io/sqlbuild/main/website/public/assets/logo-light.png" alt="SQLBuild" width="600">
+  </picture>
 </p>
 
 <p align="center">
diff --git a/website/public/assets/icon.png b/website/public/assets/icon.png
index 0e8ce0c2af..2b6fc738ab 100644
Binary files a/website/public/assets/icon.png and b/website/public/assets/icon.png differ
diff --git a/website/public/assets/logo-dark.png b/website/public/assets/logo-dark.png
index 9597c390cf..c93cd1368a 100644
Binary files a/website/public/assets/logo-dark.png and b/website/public/assets/logo-dark.png differ
diff --git a/website/public/assets/logo-light.png b/website/public/assets/logo-light.png
index f2eb8b64dd..20f33d84bc 100644
Binary files a/website/public/assets/logo-light.png and b/website/public/assets/logo-light.png differ
diff --git a/website/public/assets/og-sqlbuild-docs.png b/website/public/assets/og-sqlbuild-docs.png
index cf99b84b84..c23d03522f 100644
Binary files a/website/public/assets/og-sqlbuild-docs.png and b/website/public/assets/og-sqlbuild-docs.png differ
diff --git a/website/public/assets/og-sqlbuild.png b/website/public/assets/og-sqlbuild.png
index a66d1548cd..a7e4cd38bd 100644
Binary files a/website/public/assets/og-sqlbuild.png and b/website/public/assets/og-sqlbuild.png differ
diff --git a/website/public/favicon.png b/website/public/favicon.png
index 0e8ce0c2af..2b6fc738ab 100644
Binary files a/website/public/favicon.png and b/website/public/favicon.png differ
diff --git a/website/public/index.html b/website/public/index.html
index 8d7ac87117..57a33059b1 100644
--- a/website/public/index.html
+++ b/website/public/index.html
@@ -36,8 +36,8 @@
 		<header class="site-header">
 			<div class="wrap">
 				<a class="brand" href="/" aria-label="SQLBuild home">
-					<img class="logo-for-light" src="assets/logo-light.png" alt="SQLBuild" width="111" height="30" />
-					<img class="logo-for-dark" src="assets/logo-dark.png" alt="SQLBuild" width="111" height="30" />
+					<img class="logo-for-light" src="assets/logo-light.png" alt="SQLBuild" width="116" height="30" />
+					<img class="logo-for-dark" src="assets/logo-dark.png" alt="SQLBuild" width="116" height="30" />
 				</a>
 				<nav class="nav" aria-label="Main">
 					<a class="hide-sm" href="#how">How it works</a>
diff --git a/website/src/assets/logo-dark.png b/website/src/assets/logo-dark.png
index 9597c390cf..c93cd1368a 100644
Binary files a/website/src/assets/logo-dark.png and b/website/src/assets/logo-dark.png differ
diff --git a/website/src/assets/logo-light.png b/website/src/assets/logo-light.png
index f2eb8b64dd..20f33d84bc 100644
Binary files a/website/src/assets/logo-light.png and b/website/src/assets/logo-light.png differ
diff --git a/website/src/components/SiteTitle.astro b/website/src/components/SiteTitle.astro
index 3e72003ade..5b79d79b2b 100644
--- a/website/src/components/SiteTitle.astro
+++ b/website/src/components/SiteTitle.astro
@@ -5,8 +5,8 @@ import logoLight from '../assets/logo-light.png';
 
 <div class="site-title">
 	<a class="logo" href="/" aria-label="SQLBuild home">
-		<img class="logo-for-light" src={logoLight.src} alt="SQLBuild" width={111} height={30} />
-		<img class="logo-for-dark" src={logoDark.src} alt="SQLBuild" width={111} height={30} />
+		<img class="logo-for-light" src={logoLight.src} alt="SQLBuild" width={116} height={30} />
+		<img class="logo-for-dark" src={logoDark.src} alt="SQLBuild" width={116} height={30} />
 	</a>
 	<a class="docs" href="/docs/">Docs</a>
 </div>