diff --git a/app/routes/events/components/EventDetail/index.tsx b/app/routes/events/components/EventDetail/index.tsx
index d38cb3aadb..568e3646fd 100644
--- a/app/routes/events/components/EventDetail/index.tsx
+++ b/app/routes/events/components/EventDetail/index.tsx
@@ -173,14 +173,7 @@ const EventDetail = () => {
       }
       actionButtons={
         event && (
-          <div
-            className={`${styles.eventType} justifyContent__flex-end`}
-            style={{
-              display: 'flex',
-              justifyContent: 'flex-end',
-              width: '100%',
-            }}
-          >
+          <div className={styles.eventType}>
             <strong
               style={{
                 color,
diff --git a/packages/lego-bricks/src/components/Button/ButtonGroup.tsx b/packages/lego-bricks/src/components/Button/ButtonGroup.tsx
index 0a6c641dba..154fa9b334 100644
--- a/packages/lego-bricks/src/components/Button/ButtonGroup.tsx
+++ b/packages/lego-bricks/src/components/Button/ButtonGroup.tsx
@@ -12,7 +12,7 @@ type Props = {
 export const ButtonGroup = ({
   vertical = false,
   centered = false,
-  justifyContent,
+  justifyContent = 'flex-end',
   className,
   children,
 }: Props) => (