diff --git a/components/Form.jsx b/components/Form.jsx
index 61bd8b7b..6ba6244f 100644
--- a/components/Form.jsx
+++ b/components/Form.jsx
@@ -47,14 +47,14 @@ const Form = ({ type, post, setPost, submitting, handleSubmit }) => {
         </label>
 
         <div className='flex-end mx-3 mb-5 gap-4'>
-          <Link href='/' className='text-gray-500 text-sm'>
+          <Link href='/' className='text-gray-500 text-sm font-medium hover:text-gray-700 transition-all duration-200'>
             Cancel
           </Link>
 
           <button
             type='submit'
             disabled={submitting}
-            className='px-5 py-1.5 text-sm bg-primary-orange rounded-full text-white'
+            className='px-5 py-1.5 text-sm bg-primary-orange rounded-full text-white shadow-md transition-all duration-200 hover:shadow-lg active:outline-none active:ring-2 active:ring-primary-orange active:ring-opacity-50'
           >
             {submitting ? `${type}ing...` : type}
           </button>