diff --git a/src/App/App.css b/src/App/App.css
index 3344f91b7283d8202bc6f22cefb8e05a0fdf7a30..9e3f941eb0d0952f4a547be15c65f287bc334876 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -4034,4 +4034,15 @@ figure img{
   background-image: url("https://static.igem.wiki/teams/5247/photos/header/human-practices.webp");
   background-size: 1650px auto;
   background-repeat: no-repeat;
+}
+
+.download-butt span {
+  display: inline-block;
+  padding: 10px;
+  min-height: 50px !important;
+}
+
+.download-butt{
+  display: inline-block;
+  height: 50px !important;
 }
\ No newline at end of file
diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx
index e1ac22d55dd0aadd8419d37c279d3376bd8a7b6c..754a62c5cbbc39977f90a2fa3f700e46c2eede6f 100644
--- a/src/components/Buttons.tsx
+++ b/src/components/Buttons.tsx
@@ -75,7 +75,7 @@ const handleDownload = () => {
 return (
 
   <a type="button" onClick={handleDownload} className="download-butt">
-      Download
+      <span>Download</span>
   </a>
 
 );