diff --git a/public/server/db/y.json b/public/server/db/y.json
new file mode 100644
index 0000000..acfb78f
--- /dev/null
+++ b/public/server/db/y.json
@@ -0,0 +1,3 @@
+{
+  "definition": "Why"
+}
diff --git a/src/components/footer.jsx b/src/components/footer.jsx
index fb04b02..532299e 100644
--- a/src/components/footer.jsx
+++ b/src/components/footer.jsx
@@ -1,7 +1,7 @@
 const Footer = () => {
   return (
     <footer>
-      <div className="bottom-0 text-center p-2 bg-dark">
+      <div className="bottom-0 text-center p-4 bg-dark md:p-2">
         <p className="text-sm mt-5 text-ash">
           Found something odd?{" "}
           <a href="https://github.com/Njong392/Abbreve">
diff --git a/src/components/form.jsx b/src/components/form.jsx
index 916fdd4..185d7a8 100644
--- a/src/components/form.jsx
+++ b/src/components/form.jsx
@@ -115,7 +115,7 @@ const Form = () => {
             <button
               onClick={fetchData}
               disabled={isLoading || !hasUserInputChanged}
-              className="bg-deeppurple text-ash font-bold rounded-xl hover:scale-110 p-2 mt-4 md:mt-0 items-center flex justify-center h-[50px] min-w-[100px] w-full md:w-auto">
+              className="bg-deeppurple text-ash font-bold rounded-xl hover:scale-110 p-2 mt-4 md:mt-0 items-center flex justify-center h-[50px] min-w-[100px] w-full transition-all cursor-pointer md:w-auto">
               {isLoading ? <LoadingSpinner /> : "Search"}
             </button>
           </form>