Enhance button hover effect in Header component and add padding to PostForm submission form

Author: Adityasinghvats

src/components/Header/Header.jsx

@@ -50,7 +50,7 @@ function Header(){
                                 <button
                                 onClick={() => navigate(item.slug)}
                                 className="inline-block px-6 py-2 duration-200
-                                 hover:ng-blue-100 rounded-full"
+                               hover:bg-blue-100 rounded-full"
                                 >{item.name}</button>
                             </li>
                           ) : null

src/components/post-form/PostForm.jsx

@@ -78,7 +78,7 @@ export default function PostForm({post}) {
         }
     }, [watch, slugTransform, setValue])
   return (
-    <form onSubmit={handleSubmit(submit)} className="flex flex-wrap">
+    <form onSubmit={handleSubmit(submit)} className="flex flex-wrap p-4">
             <div className="w-2/3 px-2">
                 <Input
                     label="Title :"