diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index 1c0b155a0..cd94e3024 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -5,7 +5,7 @@
 body {
   font-family: Roboto;
   font-weight: 400;
-  color: #4D5151;
+  color: #000;
   margin: 0;
   background-color: white;
   padding: 8px;
@@ -33,6 +33,7 @@ body .headerlinecontainer .headerline1 {
   line-height: 32px;
   font-weight: 400;
   margin: 24px 0;
+  text-align: center;
 }
 body input,
 body select {
@@ -42,6 +43,8 @@ body input {
   border-radius: 8px;
   border: 1px solid #8E9292;
   padding: 16px;
+  font-size: 16px;
+  color: #000;
 }
 body input:focus, body input:focus-visible {
   box-shadow: 0 0 0 2.5px #1574a1;
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index badab0912..5f21c46dd 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -5,7 +5,7 @@
 body {
     font-family: Roboto;
     font-weight: 400;
-    color: #4D5151;
+    color: #000;
     margin: 0;
     background-color: white;
     padding: 8px;
@@ -39,6 +39,7 @@ body {
             line-height: 32px;
             font-weight: 400;
             margin: 24px 0;
+            text-align: center;
         }
     }
 
@@ -51,6 +52,8 @@ body {
         border-radius: 8px;
         border: 1px solid #8E9292;
         padding: 16px;
+        font-size: 16px;
+        color: #000;
         &:focus,
         &:focus-visible {
             box-shadow: 0 0 0 2.5px #1574a1;