diff --git a/assets/css/main.css b/assets/css/main.css
index be8598f..5a8e41c 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -3881,6 +3881,7 @@ input, select, textarea {
   color: #FFFFFF;
   cursor: default;
   height: 7em;
+  height: 0;
   left: 0;
   overflow-x: auto;
   overflow-y: auto;
@@ -3892,6 +3893,8 @@ input, select, textarea {
   width: 100%;
   padding: 0;
   line-height: 3.5em;
+  transition-property:height; 
+  transition-duration:1s;
 }
 
   #sponsor > .inner {
diff --git a/index.html b/index.html
index 947fb26..0cb8dd0 100644
--- a/index.html
+++ b/index.html
@@ -95,7 +95,7 @@
  <!-- Progress -->
  <section id="progress" class="wrapper style3 fade-up" style="height: 100vh;">
     <!-- Sponsor bar -->
-    <section id="sponsor" style="display: none;">
+    <section id="sponsor">
       <div class="inner">
         <p><center><a href="https://github.com/sponsors/noisymime" target="_blank">Speeduino is a volunteer run project. Click here if you're interested in supporting Speeduino's development</a><br /><span class="icon major fa-heart"></span></center></p>
       </div>
diff --git a/renderer.js b/renderer.js
index 35659fd..29c6189 100644
--- a/renderer.js
+++ b/renderer.js
@@ -346,7 +346,7 @@ function uploadFW()
             console.log("Using port: " + uploadPort);
 
             //Show the sponsor banner
-            document.getElementById('sponsor').style.display = "block"
+            document.getElementById('sponsor').style.height = "7em"
 
             //Begin the upload
             if(isTeensy)