diff --git a/app/frontend/src/pages/Profile/MyGroup/index.css.ts b/app/frontend/src/pages/Profile/MyGroup/index.css.ts
index ee69d9733..32b5ba79e 100644
--- a/app/frontend/src/pages/Profile/MyGroup/index.css.ts
+++ b/app/frontend/src/pages/Profile/MyGroup/index.css.ts
@@ -2,6 +2,10 @@ import { style } from '@vanilla-extract/css';
import * as parentStyle from '../index.css';
+export const groupButton = style({
+ width: '100%',
+});
+
export const groupButtons = style({
display: 'flex',
gap: '1.2rem',
diff --git a/app/frontend/src/pages/Profile/MyGroup/index.tsx b/app/frontend/src/pages/Profile/MyGroup/index.tsx
index fdc9516c8..5281395ff 100644
--- a/app/frontend/src/pages/Profile/MyGroup/index.tsx
+++ b/app/frontend/src/pages/Profile/MyGroup/index.tsx
@@ -1,8 +1,8 @@
import { NavLink } from 'react-router-dom';
+import { Button } from '@morak/ui';
import { useQuery } from '@tanstack/react-query';
-import { ReactComponent as ArrowLeft } from '@/assets/icons/arrow_left.svg';
import { Error, Group, LoadingIndicator } from '@/components';
import { queryKeys } from '@/queries';
import { vars } from '@/styles';
@@ -40,16 +40,30 @@ export function MyGroup() {