diff --git a/css/brands.css b/css/brands.css
index 187586d..cd6bb19 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -480,7 +480,7 @@
 /* Steam Alt */
 .button-steam-alt {
 	--button-text:#ffffff;
-	background-image:linear-gradient(90deg,#09172a,#072a57,#0c5085);
+	background-image:linear-gradient(180deg,#09172a,#072a57,#0c5085);
 	/* --button-border:1px solid #ffffff;,*/
 }
 
diff --git a/index.html b/index.html
index 7fd7625..47b35d1 100644
--- a/index.html
+++ b/index.html
@@ -86,7 +86,7 @@
               <a class="button button-spotify" href="https://open.spotify.com/user/vylion?si=7a6622a64cf84461" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify profile</a>
 
               <!-- Steam -->
-              <a class="button button-steam" href="https://steamcommunity.com/id/vylion/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
+              <a class="button button-steam-alt" href="https://steamcommunity.com/id/vylion/" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
 
               <!-- Telegram -->
               <a class="button button-telegram" href="https://t.me/wk_vylion" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram channel</a>