From 96b81dcbbb1879b2120d8a02395b957e03db96c5 Mon Sep 17 00:00:00 2001
From: Ru Chern Chong <hello@ruchern.xyz>
Date: Mon, 1 Jul 2024 01:03:39 +0800
Subject: [PATCH] Shift position of COE categories exclusion

---
 app/coe/ShowHideCOECategories.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/coe/ShowHideCOECategories.tsx b/app/coe/ShowHideCOECategories.tsx
index 49f467a..6f17603 100644
--- a/app/coe/ShowHideCOECategories.tsx
+++ b/app/coe/ShowHideCOECategories.tsx
@@ -11,14 +11,14 @@ export const ShowHideCOECategories = () => {
   const setCategories = useSetAtom(showCategoriesAtom);
 
   return (
-    <div className="flex flex-col items-center">
+    <div className="flex flex-col">
       <div className="prose">
         <h3>Excluded Categories</h3>
       </div>
-      <div className="flex items-center gap-x-4">
+      <div className="flex flex-col">
         {EXCLUDED_CATEGORIES.map((category) => {
           return (
-            <Fragment key={category}>
+            <div key={category} className="flex items-center gap-2">
               <Checkbox
                 id={category}
                 value={category}
@@ -33,7 +33,7 @@ export const ShowHideCOECategories = () => {
                 }}
               />
               <label htmlFor={category}>{category}</label>
-            </Fragment>
+            </div>
           );
         })}
       </div>