chore: removed important and targeted header

Author: ameerul-deriv

src/components/Modals/FundsModal/FundsModal.scss

@@ -1,8 +1,7 @@
 .funds-modal {
     @include default-modal;
-
-    &__header {
-        padding-top: 1rem !important;
+    .deriv-modal__header {
+        padding-top: 1rem;
 
         @include mobile-or-tablet-screen {
             padding-top: 0 !important;
@@ -26,7 +25,7 @@
         gap: 0.8rem;
 
         @include mobile-or-tablet-screen {
-            padding-bottom: 1.6rem;
+            padding: 1.6rem;
         }
     }
 }

src/components/Modals/FundsModal/FundsModal.tsx

@@ -10,7 +10,7 @@ type TFundsModalProps = {
 const FundsModal = ({ isModalOpen, onRequestClose }: TFundsModalProps) => {
     return (
         <Modal ariaHideApp={false} className='funds-modal' isOpen={isModalOpen} shouldCloseOnOverlayClick={false}>
-            <Modal.Header className='funds-modal__header' hideBorder hideCloseIcon>
+            <Modal.Header hideBorder hideCloseIcon>
                 <Text size='md' weight='bold'>
                     <Localize i18n_default_text='How to fund your trades?' />
                 </Text>