diff --git a/app/globals.scss b/app/globals.scss
index d16fcc9..e4dd28f 100644
--- a/app/globals.scss
+++ b/app/globals.scss
@@ -1,5 +1,5 @@
 :root {
-  --color-background: #fdf7e4;
+  --color-background: #e4fdf9;
   --color-layout: #ded0b6;
   --color-primary: #ff6f61; // New vibrant color
   --color-secondary: #3b5998; // Another vibrant color
@@ -30,22 +30,22 @@ body {
   background: var(--color-background);
   color: var(--color-text);
   padding: 1rem;
-  padding-bottom: 50px; // Keep the padding-bottom for the footer
+  padding: 0.5rem 1rem 50px 1rem; // Keep the padding-bottom for the footer
 
   @media (min-width: 768px) {
-    padding: 2rem;
+    padding: 0.5rem 2rem 50px 2rem;
   }
 
   @media (min-width: 1024px) {
-    padding: 3rem;
+    padding: 0.5rem 3rem 50px 3rem;
   }
 }
 
 main {
-  padding: 1rem;
+  padding: 1rem 0;
 
   @media (min-width: 768px) {
-    padding: 2rem;
+    padding: 2rem 0;
   }
 }
 
diff --git a/app/page.module.scss b/app/page.module.scss
index c5ef4a5..1eeff4d 100644
--- a/app/page.module.scss
+++ b/app/page.module.scss
@@ -1,14 +1,14 @@
 .homePage {
   width: 100%;
   min-height: 100vh;
-  padding: 2rem;
+  padding: 1rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 
   @media (min-width: 768px) {
-    padding: 3rem;
+    padding: 0.75rem;
   }
 }
 
diff --git a/app/post/PostEventForm.tsx b/app/post/PostEventForm.tsx
index 0bce11c..a4bbbfc 100644
--- a/app/post/PostEventForm.tsx
+++ b/app/post/PostEventForm.tsx
@@ -85,7 +85,7 @@ export default function PostEventForm(props: Props) {
         <h2>Event Details</h2>
         <p>* stands for required fields</p>
       </div>
-      <form onSubmit={handleCreate}>
+      <form onSubmit={handleCreate} className={styles.form}>
         <div className={styles.formGroup}>
           <label className={styles.label}>
             *Event Name:
diff --git a/app/post/postEventForm.module.scss b/app/post/postEventForm.module.scss
index 3c3f99f..15adeed 100644
--- a/app/post/postEventForm.module.scss
+++ b/app/post/postEventForm.module.scss
@@ -12,6 +12,9 @@
 }
 
 .formGroup {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
   margin-bottom: 1rem;
 }
 
@@ -40,6 +43,11 @@
   cursor: pointer;
 }
 
+.form {
+  display: flex;
+  flex-direction: column;
+}
+
 // .container {
 //   max-width: 800px;
 //   margin: auto;
diff --git a/tsconfig.json b/tsconfig.json
index 96406ef..c11b19f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,7 +6,8 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "jsx": "preserve"
   },
   "include": [
     "**/*.ts",
@@ -17,4 +18,4 @@
     "**/*.mjs",
     ".next/types/**/*.ts"
   ]
-}
+}