diff --git a/error.html b/error.html
index 9435b7f..0abdcfa 100644
--- a/error.html
+++ b/error.html
@@ -37,8 +37,8 @@
 		<picture>
 			<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
 				media="(prefers-color-scheme: light)" />
-			<img onclick=logBadgeClick() id="badge-button" style="width:240px;height:53px"
-				src="https://static.alchemyapi.io/images/marketing/badge.png" alt="Alchemy Supercharged" />
+			<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
+				alt="Alchemy Supercharged" />
 		</picture>
 	</a>
 </body>
diff --git a/index.html b/index.html
index 0fcbecf..1a8ac05 100644
--- a/index.html
+++ b/index.html
@@ -121,8 +121,8 @@
 		<picture>
 			<source srcset="https://static.alchemyapi.io/images/marketing/badgeLight.png"
 				media="(prefers-color-scheme: light)" />
-			<img onclick=logBadgeClick() id="badge-button" style="width:240px;height:53px"
-				src="https://static.alchemyapi.io/images/marketing/badge.png" alt="Alchemy Supercharged" />
+			<img onclick=logBadgeClick() id="badge-button" src="https://static.alchemyapi.io/images/marketing/badge.png"
+				alt="Alchemy Supercharged" />
 		</picture>
 	</a>
 </body>
diff --git a/styles.css b/styles.css
index 6b6d29d..a6b6438 100644
--- a/styles.css
+++ b/styles.css
@@ -294,6 +294,16 @@ body::-webkit-scrollbar {
 	margin: 0px 10%;
 }
 
+a>picture {
+	display: flex;
+	width: 100%;
+	justify-content: center;
+}
+
+#badge-button {
+	width: calc(min(240px, 80%));
+}
+
 @media screen and (width < 450px) {
 	.scroll-button {
 		display: none;