increase padding on input fields

Author: AnthonyMarin

src/components/settings/Settings.styles.ts

@@ -3,7 +3,7 @@ import { Input } from 'antd';
 
 export const InputField = styled(Input)`
   border-radius: 7px !important;
-  padding: 0.5rem !important;
+  padding: 0.7rem !important;
   &:focus{
   border-color: var(--ant-primary-5) !important;
   box-shadow: 0 0 0 2px var(--ant-primary-color-outline) !important;
@@ -17,13 +17,13 @@ export const InputFieldWithPrefix = styled(Input)`
   &.ant-input-affix-wrapper {
     background-color: var(--input-bg-color) !important;
     input.ant-input {
-      padding: 0.5rem !important;
+      padding: 0.7rem !important;
       border: none !important;
       background-color: transparent !important;
     }
     .ant-input-prefix {
-    
-      padding: 0.5rem 0rem 0.5rem 0.5rem !important;
+
+      padding: 0.7rem 0rem 0.7rem 0.7rem !important;
     }
   }
 `;
@@ -32,15 +32,15 @@ export const PasswordField = styled(Input.Password)`
     padding: 0 !important;
     background-color: var(--input-bg-color) !important;
     input.ant-input {
-      padding: 0.5rem !important;
+      padding: 0.7rem !important;
       border: none !important;
       background-color: transparent !important;
     }
     .ant-input-prefix {
-      padding: 0.5rem 0rem 0.5rem 0.5rem !important;
+      padding: 0.7rem 0rem 0.7rem 0.7rem !important;
     }
     .ant-input-suffix {
-      padding: 0.5rem 0.5rem 0.5rem 0 !important;
+      padding: 0.7rem 0.7rem 0.7rem 0 !important;
       .ant-input-password-icon.anticon {
         color: var(--text-color) !important;
         opacity: 0.7 !important;