diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index 5ef43ea39..dcaeba151 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -143,6 +143,7 @@ body .buttonContainer button {
 @media (hover: hover) {
   body .buttonContainer button {
     background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
+    cursor: pointer;
   }
 }
 body .buttonContainer button:focus {
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index 2a87f1a3b..786d11834 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -151,6 +151,7 @@ body {
             height: 48px;
             @media (hover: hover) {
                 background: linear-gradient(270deg, #1574a1 0%, #003d58 100%);
+                cursor: pointer;
             }
             &:focus {
                 box-shadow: 0 0 0 3px, 0 0 0 5.5px #06577c;