diff --git a/frontend/src/v5/ui/components/shared/popoverCircles/popoverCircle.styles.ts b/frontend/src/v5/ui/components/shared/popoverCircles/popoverCircle.styles.ts
index 0801c6795a..61be693729 100644
--- a/frontend/src/v5/ui/components/shared/popoverCircles/popoverCircle.styles.ts
+++ b/frontend/src/v5/ui/components/shared/popoverCircles/popoverCircle.styles.ts
@@ -27,7 +27,7 @@ const CIRCLE_SIZE = {
 export const Popover = styled(AuthAvatarMui)<{ $backgroundColor }>`
 	margin: 0;
 	color: ${({ $backgroundColor, theme }) => (isLight($backgroundColor, 170) ? theme.palette.secondary.main : theme.palette.primary.contrast)};
-	background-color: ${({ backgroundColor, theme }) => backgroundColor || theme.palette.primary.contrast};
+	background-color: ${({ $backgroundColor, theme }) => $backgroundColor || theme.palette.primary.contrast};
 	pointer-events: auto;
 	font-size: 9px;
 	${({ size = 'medium' }) => css`
diff --git a/frontend/stories/info/PopoverCircle.stories.tsx b/frontend/stories/info/PopoverCircle.stories.tsx
index 08d2cc0a01..a9554810b6 100644
--- a/frontend/stories/info/PopoverCircle.stories.tsx
+++ b/frontend/stories/info/PopoverCircle.stories.tsx
@@ -29,7 +29,6 @@ type Story = StoryObj<typeof PopoverCircle>;
 export const PopoverCircleWithImage: Story = {
 	args: {
 		src: 'https://i.pinimg.com/170x/26/5c/1c/265c1cc710304eb15607e18c6f591c85.jpg',
-		PopoverComponent: () => <div>I am a popover</div>,
 	},
 	render: (args) => (
 		<HoverPopover anchor={() => (<PopoverCircle {...args} />)}>