padding adjustments?

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

frontend/json/runtimeError.json

@@ -0,0 +1 @@
+{}

frontend/src/components/CardBoxComponentBody.tsx

@@ -14,7 +14,7 @@ export default function CardBoxComponentBody({
   id,
 }: Props) {
   return (
-    <div id={id} className={`flex-1 ${noPadding ? '' : 'p-6'} ${className}`}>
+    <div id={id} className={`flex-1 ${noPadding ? '' : 'p-8'} ${className}`}>
       {children}
     </div>
   );

frontend/src/components/FormField.tsx

@@ -52,7 +52,7 @@ const FormField = ({ icons = [], ...props }: Props) => {
   ].join(' ');
 
   return (
-    <div className='mb-6 last:mb-0'>
+    <div className='mb-8 last:mb-0'>
       {props.label && (
         <label
           htmlFor={props.labelFor}

frontend/src/components/SectionMain.tsx

@@ -6,5 +6,5 @@ type Props = {
 };
 
 export default function SectionMain({ children }: Props) {
-  return <section className={`p-6 ${containerMaxW}`}>{children}</section>;
+  return <section className={`p-8 ${containerMaxW}`}>{children}</section>;
 }