updated padding across cards and forms

src/components/SettingForms/System/SystemCard.tsx

@@ -4,7 +4,7 @@ import SystemConfigFields from "./SystemConfigFields.tsx";
 
 const SystemCard = () => {
   return (
-    <Card>
+    <Card className="p-4">
       <CardHeader title={"System Config"} />
       <SystemConfigFields />
     </Card>

src/components/SettingForms/System/SystemConfigFields.tsx

@@ -38,7 +38,7 @@ const SystemConfigFields = () => {
       validateOnBlur
     >
       {({ values, errors, touched }) => (
-        <Form className="flex flex-col space-y-5">
+        <Form className="flex flex-col space-y-5 px-2">
           <FormGroup>
             <label
               htmlFor="deviceName"