diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index 0bcbd21a2..dde5f231b 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -137,9 +137,9 @@ body .buttonContainer {
 }
 body .buttonContainer button {
   position: relative;
-  background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
+  background: #db0020;
   border: none;
-  border-radius: 8px;
+  border-radius: 50rem;
   color: #fff;
   justify-content: center;
   font-family: Urbanist, Arial, Helvetica, sans-serif;
@@ -149,7 +149,6 @@ body .buttonContainer button {
 }
 @media (hover: hover) {
   body .buttonContainer button {
-    background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
     cursor: pointer;
   }
 }
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index b8d198fb8..f0eb05836 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -148,9 +148,9 @@ body {
         height: 48px;
         button {
             position: relative;
-            background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
+            background: #db0020;
             border: none;
-            border-radius: 8px;
+            border-radius: 50rem;
             color: #fff;
             justify-content: center;
             font-family: Urbanist, Arial, Helvetica, sans-serif;
@@ -158,7 +158,6 @@ body {
             font-size: 16px;
             height: 48px;
             @media (hover: hover) {
-                background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
                 cursor: pointer;
             }
             &:focus {