diff --git a/src/faq/AddYourQuestion.tsx b/src/faq/AddYourQuestion.tsx
index 96558851..b6aefa75 100644
--- a/src/faq/AddYourQuestion.tsx
+++ b/src/faq/AddYourQuestion.tsx
@@ -8,7 +8,7 @@ import { api } from '../api-helper'
 export const AddYourQuestion = () => {
   const [saved, setSaved] = useState(false)
   return (
-    <div>
+    <div className="py-3">
       <NoSsr>
         <TextField
           id="question-field"
diff --git a/src/faq/FAQPage.tsx b/src/faq/FAQPage.tsx
index 942652c4..d1521615 100644
--- a/src/faq/FAQPage.tsx
+++ b/src/faq/FAQPage.tsx
@@ -40,6 +40,9 @@ export const FAQPage = (): JSX.Element => {
       <main>
         <section>
           <h1>Frequently Asked Questions</h1>
+
+          <AddYourQuestion />
+
           <div className="button-container">
             <OnClickButton
               style={{ margin: 0, padding: '5px 15px', textAlign: 'right' }}
@@ -83,8 +86,6 @@ export const FAQPage = (): JSX.Element => {
               )}
             </div>
           ))}
-
-          <AddYourQuestion />
         </section>
 
         <Footer />