diff --git a/payment_headend/index.html b/payment_headend/index.html
index d056923..e150453 100644
--- a/payment_headend/index.html
+++ b/payment_headend/index.html
@@ -14,7 +14,6 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            height: 100vh;
         }
 
         .container {
@@ -25,6 +24,13 @@
             padding: 20px 30px;
         }
 
+        @media (max-width: 576px) {
+            .container {
+                padding: 20px 15px;
+                max-width: 100%;
+            }
+        }
+
         h1 {
             text-align: center;
             color: #333;
diff --git a/payment_headend/orderDetails.html b/payment_headend/orderDetails.html
index 56b8098..a01fa66 100644
--- a/payment_headend/orderDetails.html
+++ b/payment_headend/orderDetails.html
@@ -26,6 +26,7 @@
         h2 {
             text-align: center;
             font-weight: 700;
+            margin-top: 0;
             margin-bottom: 30px;
         }
         .table {