From dc029f5908c8e2f34cb0177d63a446eb5765e25a Mon Sep 17 00:00:00 2001
From: TropicolX <jacobsbusayo@gmail.com>
Date: Wed, 18 Jan 2023 17:57:04 +0100
Subject: [PATCH] fix: left hero content displacement fix

---
 package-lock.json       | 4 ++--
 src/components/form.jsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1b62b693..e4778eed 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "abbreve-project",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "abbreve-project",
-      "version": "0.17.1",
+      "version": "0.18.0",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.2.0",
         "@fortawesome/free-solid-svg-icons": "^6.2.0",
diff --git a/src/components/form.jsx b/src/components/form.jsx
index d0be534e..8b53c724 100644
--- a/src/components/form.jsx
+++ b/src/components/form.jsx
@@ -83,7 +83,7 @@ const Form = () => {
           </p>
         </div>
 
-        <div className="mt-2 md:mt-0">
+        <div className="mt-2 max-w-[22.5rem] md:mt-0">
           <form className="block md:flex items-center gap-2" id="form">
             <div className="bg-ash h-11 rounded-full flex items-center p-3 dark:shadow-lg">
               <svg