From 87c2fa3d3eb3e61e628fe2b48c5dffb8140f3a9a Mon Sep 17 00:00:00 2001
From: Vincent Gerber <vincent.gerber@wandelbots.com>
Date: Mon, 23 Sep 2024 11:02:46 +0200
Subject: [PATCH] fix: Fixed background for jogging panel

---
 stories/JoggingPanel.stories.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/stories/JoggingPanel.stories.tsx b/stories/JoggingPanel.stories.tsx
index 6778b7a..9a083e2 100644
--- a/stories/JoggingPanel.stories.tsx
+++ b/stories/JoggingPanel.stories.tsx
@@ -1,10 +1,25 @@
+import { Box, useTheme } from "@mui/material"
 import type { Meta, StoryObj } from "@storybook/react"
-import { JoggingPanel } from "../src/index"
+import { JoggingPanel, type JoggingPanelProps } from "../src/index"
+
+const JoggingPanelWrapper = (props: JoggingPanelProps) => {
+  const theme = useTheme()
+  return (
+    <Box
+      sx={{
+        backgroundColor: theme.palette.backgroundPaperElevation?.[5],
+        maxWidth: "min-content",
+      }}
+    >
+      <JoggingPanel {...props} />
+    </Box>
+  )
+}
 
 const meta: Meta<typeof JoggingPanel> = {
   title: "Jogging/JoggingPanel",
   tags: ["!dev"],
-  component: JoggingPanel,
+  component: JoggingPanelWrapper,
 }
 export default meta