From cea29188b4f9b60d154da0bfc605a78fd9fb16b1 Mon Sep 17 00:00:00 2001
From: zerinoid <leo.zerino@gmail.com>
Date: Thu, 6 Jul 2023 18:46:51 -0300
Subject: [PATCH] fix: realocate filter element

---
 src/pages/index.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 27cbe60..8141115 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -17,21 +17,23 @@ const Home: NextPageWithLayout = () => {
   };
 
   return (
-    <section className={styles.main}>
-      <button
-        className="fixed top-2 left-2 z-10 md:hidden"
-        onClick={() => setIsFilterOpen(isOpen => !isOpen)}
-      >
-        <FontAwesomeIcon icon={icon} size="xl" />
-      </button>
-      <h1 className={styles.title}>Search and Filter</h1>
+    <>
       <Filter
         isOpen={isFilterOpen}
         searchText={searchText}
         handleSearchTextChange={handleSearchTextChange}
       />
-      <Gallery />
-    </section>
+      <section className={styles.main}>
+        <button
+          className="fixed top-2 left-2 z-10 md:hidden"
+          onClick={() => setIsFilterOpen(isOpen => !isOpen)}
+        >
+          <FontAwesomeIcon icon={icon} size="xl" />
+        </button>
+        <h1 className={styles.title}>Search and Filter</h1>
+        <Gallery />
+      </section>
+    </>
   );
 };