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>