updated padding across cards and forms

src/components/SettingForms/NPED/NPEDCard.tsx

@@ -5,7 +5,7 @@ import NPEDIcon from "/NPED.svg";
 
 const NPEDCard = () => {
   return (
-    <Card>
+    <Card className="p-4">
       <CardHeader title={"NPED Config"} img={NPEDIcon} />
       <NPEDFields />
     </Card>

src/components/SettingForms/NPED/NPEDFields.tsx

@@ -56,7 +56,7 @@ const NPEDFields = () => {
       enableReinitialize
     >
       {({ errors, touched }) => (
-        <Form className="flex flex-col space-y-5">
+        <Form className="flex flex-col space-y-5 px-2">
           <FormGroup>
             <label htmlFor="username">Username</label>
             {touched.username && errors.username && (

src/components/SettingForms/NPED/NPEDHotlist.tsx

@@ -26,7 +26,7 @@ const NPEDHotlist = () => {
     <Formik initialValues={initialValue} onSubmit={handleSubmit}>
       {({ setFieldValue, setErrors, errors }) => {
         return (
-          <Form className="flex flex-col space-y-2">
+          <Form className="flex flex-col space-y-2 px-2">
             <input
               type="file"
               name="file"

src/components/SettingForms/NPED/NPEDHotlistCard.tsx

@@ -4,7 +4,7 @@ import NPEDHotlist from "./NPEDHotlist";
 
 const NPEDHotlistCard = () => {
   return (
-    <Card>
+    <Card className="p-4">
       <CardHeader title={" Hotlist file upload"} />
       <NPEDHotlist />
     </Card>