From f3ff43c88f27b925d937af5b691e4b4ced523e4f Mon Sep 17 00:00:00 2001
From: Shahzaib <shahzaib@deriv.com>
Date: Fri, 20 Oct 2023 17:06:46 +0800
Subject: [PATCH] style: update manual upload screen paddings for responsive

---
 .../unsupported/card-details/card-details.scss    | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/account/src/Components/poi/status/unsupported/card-details/card-details.scss b/packages/account/src/Components/poi/status/unsupported/card-details/card-details.scss
index 3b702b7ba7af..99fb087b3441 100644
--- a/packages/account/src/Components/poi/status/unsupported/card-details/card-details.scss
+++ b/packages/account/src/Components/poi/status/unsupported/card-details/card-details.scss
@@ -5,7 +5,7 @@
     display: flex;
 
     &--mobile {
-        padding: 2.4rem 1.6rem;
+        padding: 2.4rem;
     }
 
     h3 {
@@ -21,7 +21,7 @@
     }
     &__fields-wrap {
         display: flex;
-        margin-bottom: 0.7rem;
+        margin-bottom: 2rem;
 
         .manual-poi-details--mobile & {
             flex-wrap: wrap;
@@ -30,6 +30,12 @@
         .dc-datepicker {
             margin-left: 2.4rem;
         }
+
+        @include mobile {
+            .dc-input {
+                margin-bottom: 2rem;
+            }
+        }
     }
     &__field {
         margin-bottom: 1.75rem;
@@ -182,5 +188,10 @@
         .dc-btn:not(:last-of-type) {
             margin-right: 0.8rem;
         }
+        @include mobile {
+            height: auto;
+            padding-bottom: unset;
+            padding-top: 2rem;
+        }
     }
 }