Shift position of COE categories exclusion

sgcarstrends · Jun 30, 2024 · 96b81dc · 96b81dc
1 parent fec3dc1
commit 96b81dc
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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>