From 3f421bcf226f79f81f81992b2140f75c875aae87 Mon Sep 17 00:00:00 2001
From: "use-tusk[bot]" <144006087+use-tusk[bot]@users.noreply.github.com>
Date: Tue, 8 Oct 2024 03:08:47 +0000
Subject: [PATCH] fix(createOrgForm): adjust icon spacing in create new
 organization modal

---
 web/components/templates/organization/createOrgForm.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/templates/organization/createOrgForm.tsx b/web/components/templates/organization/createOrgForm.tsx
index 6d6707ca0..54e8deb68 100644
--- a/web/components/templates/organization/createOrgForm.tsx
+++ b/web/components/templates/organization/createOrgForm.tsx
@@ -149,7 +149,7 @@ const CreateOrgForm = (props: CreateOrgFormProps) => {
           <RadioGroup.Label className="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-100">
             Choose an icon
           </RadioGroup.Label>
-          <div className="mt-4 flex items-center justify-between px-8">
+          <div className="mt-4 grid grid-cols-5 gap-4">
             {ORGANIZATION_ICONS.map((icon) => (
               <RadioGroup.Option
                 key={icon.name}
@@ -159,7 +159,7 @@ const CreateOrgForm = (props: CreateOrgFormProps) => {
                     checked
                       ? "ring-2 ring-offset-1 ring-sky-300 dark:ring-sky-700"
                       : "ring-1 ring-gray-200 dark:ring-gray-800",
-                    "bg-white dark:bg-black rounded-md p-2"
+                    "bg-white dark:bg-black rounded-md p-2 flex items-center justify-center"
                   )
                 }
               >