diff --git a/css/custom.css b/css/custom.css
index 945a6673..3862feba 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1666,6 +1666,7 @@ h2, .info-block h2 {
     -ms-flex: 1;
     padding: 4rem 2.5rem;
     word-wrap: break-word;
+    overflow: hidden;
 }
 
 .full>.info-block.text-adapt {
@@ -2640,11 +2641,19 @@ img.monero-logo {
     display: block;
 }
 
+.main-info #btn-primary-box {
+    display: flex;
+    justify-content: center;
+}
+
 .main-info p a.btn-auto, a.btn-primary {
     background-color: #d26e2b;
     border: 2px solid #d26e2b;
     color: #ffffff;
-    display: inline-block;
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    padding: 0;
 }
 
 .main-info p a.btn-auto:hover, a.btn-primary:hover, .main-info p a.btn-auto:focus, a.btn-primary:focus, .main-info p a.btn-auto:active, a.btn-primary:active {
diff --git a/index.html b/index.html
index 971f8563..e8e77b72 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,9 @@ permalink: index.html
                         <h1 id="main-h1">{% t global.monero %}</h1>
                         <h2 id="main-h2">{% t home.heading2 %}</h2>
                             <p id="main-text">{% t home.monero_is_cash %}</p>
-                            <p><a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-auto btn-intro btn-primary">{% t home.whatis %}</a></p>
+                            <p id="btn-primary-box">
+                                <a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-auto btn-intro btn-primary">{% t home.whatis %}</a>
+                            </p>
                     </div>
                 </div>
             </div>