diff --git a/packages/quilombo/components/forms/group/GroupEdit.tsx b/packages/quilombo/components/forms/group/GroupEdit.tsx
index be20eac..7bd809e 100644
--- a/packages/quilombo/components/forms/group/GroupEdit.tsx
+++ b/packages/quilombo/components/forms/group/GroupEdit.tsx
@@ -3,6 +3,7 @@
import ImageUpload from '@/components/forms/ImageUpload';
import { groupBannerAtom, groupIdAtom, groupLogoAtom } from '@/hooks/state/group';
import { useUpdateBannerMutation, useUpdateLogoMutation } from '@/query/group';
+import { Spacer } from '@nextui-org/spacer';
import { useAtomValue } from 'jotai';
import { GroupForm } from '.';
@@ -15,7 +16,7 @@ const ProfileEdit = () => {
return (
-
+
Logo
Banner
@@ -23,10 +24,11 @@ const ProfileEdit = () => {
value={banner}
ownerId={groupId}
useFileUploadMutation={useUpdateBannerMutation}
- classname="w-full mb-2 sm:mb-4"
+ classname="w-full"
avatarProps={{ radius: 'md' }}
/>
+
);
diff --git a/packages/quilombo/components/forms/group/GroupForm.tsx b/packages/quilombo/components/forms/group/GroupForm.tsx
index 8869bcc..f4f96b9 100755
--- a/packages/quilombo/components/forms/group/GroupForm.tsx
+++ b/packages/quilombo/components/forms/group/GroupForm.tsx
@@ -77,7 +77,7 @@ const GroupForm = () => {
placeholder="Enter a short description of your group"
description={`${charsLeft} characters left`}
onInput={(e) => setCharsLeft(300 - (e.target as HTMLTextAreaElement).value.length)}
- className="mb-5 w-full"
+ className="w-full"
classNames={{ description: 'w-fit ml-auto' }}
/>
);
diff --git a/packages/quilombo/package.json b/packages/quilombo/package.json
index b763e06..e37d691 100755
--- a/packages/quilombo/package.json
+++ b/packages/quilombo/package.json
@@ -33,6 +33,7 @@
"@nextui-org/react": "^2.4.8",
"@nextui-org/select": "^2.2.7",
"@nextui-org/skeleton": "^2.0.32",
+ "@nextui-org/spacer": "^2.0.33",
"@nextui-org/spinner": "^2.0.34",
"@nextui-org/switch": "2.0.34",
"@nextui-org/system": "2.2.6",
diff --git a/yarn.lock b/yarn.lock
index b53ab40..f704bcd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4274,7 +4274,7 @@ __metadata:
languageName: node
linkType: hard
-"@nextui-org/spacer@npm:2.0.33":
+"@nextui-org/spacer@npm:2.0.33, @nextui-org/spacer@npm:^2.0.33":
version: 2.0.33
resolution: "@nextui-org/spacer@npm:2.0.33"
dependencies:
@@ -17115,6 +17115,7 @@ __metadata:
"@nextui-org/react": "npm:^2.4.8"
"@nextui-org/select": "npm:^2.2.7"
"@nextui-org/skeleton": "npm:^2.0.32"
+ "@nextui-org/spacer": "npm:^2.0.33"
"@nextui-org/spinner": "npm:^2.0.34"
"@nextui-org/switch": "npm:2.0.34"
"@nextui-org/system": "npm:2.2.6"