some finishing touches

src/app/contact/page.js

@@ -6,13 +6,13 @@ export default function Home() {
     <div>
       <HeaderSm text="Contact" />
       <section className="container mx-auto">
-        <p>
+        <p className="mb-4">
           Contact us about anything related to our company or services.
           <br />
           We&apos;ll do our best to get back to you as soon as possible.
         </p>
         <div className={styles.contactDetails}>
-          <h3>
+          <h3 className="text-lg font-bold hover:underline">
             <svg
               xmlns="http://www.w3.org/2000/svg"
               viewBox="0 0 20 20"
@@ -27,7 +27,7 @@ export default function Home() {
             </svg>
             <a href="tel:+640211077483">021 107 7483</a>
           </h3>
-          <h3>
+          <h3 className="text-lg font-bold hover:underline">
             <svg
               xmlns="http://www.w3.org/2000/svg"
               viewBox="0 0 20 20"