From 65429ccffab8fb3d64c2c6aeb534feb574731bc0 Mon Sep 17 00:00:00 2001
From: kwasniew <kwasniewski.mateusz@gmail.com>
Date: Mon, 23 Sep 2024 16:56:09 +0200
Subject: [PATCH] feat: personal dashboard my flags ui component

---
 .../personalDashboard/PersonalDashboard.tsx   | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/component/personalDashboard/PersonalDashboard.tsx b/frontend/src/component/personalDashboard/PersonalDashboard.tsx
index baae6b264e62..807f3b978411 100644
--- a/frontend/src/component/personalDashboard/PersonalDashboard.tsx
+++ b/frontend/src/component/personalDashboard/PersonalDashboard.tsx
@@ -300,29 +300,29 @@ export const PersonalDashboard = () => {
                     <Typography variant='h3'>My feature flags</Typography>
                 </SpacedGridItem>
                 <SpacedGridItem item lg={8} md={1} />
-                <SpacedGridItem
-                    item
-                    lg={4}
-                    md={1}
-                    sx={{ maxHeight: '400px', overflow: 'auto' }}
-                >
+                <SpacedGridItem item lg={4} md={1}>
                     {personalDashboard && personalDashboard.flags.length > 0 ? (
-                        personalDashboard.flags.map((flag) => {
-                            return (
+                        <List
+                            disablePadding={true}
+                            sx={{ maxHeight: '400px', overflow: 'auto' }}
+                        >
+                            {personalDashboard.flags.map((flag) => (
                                 <FlagListItem
+                                    key={flag.name}
                                     flag={flag}
                                     selected={flag.name === activeFlag}
                                     onClick={() => setActiveFlag(flag.name)}
                                 />
-                            );
-                        })
+                            ))}
+                        </List>
                     ) : (
                         <Typography>
                             You have not created or favorited any feature flags.
-                            Once you do, the will show up here.
+                            Once you do, they will show up here.
                         </Typography>
                     )}
                 </SpacedGridItem>
+
                 <SpacedGridItem item lg={8} md={1}>
                     <Typography sx={{ mb: 4 }}>Feature flag metrics</Typography>
                     <PlaceholderFlagMetricsChart />