Fix deck placeholder overflow

equinor · Aug 30, 2024 · 86363dd · 86363dd
1 parent 8cf2c61
commit 86363dd
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/frontend/src/components/Pages/InspectionPage/DeckCards.tsx b/frontend/src/components/Pages/InspectionPage/DeckCards.tsx
@@ -112,24 +112,26 @@ export const DeckCards = ({ deckMissions, onClickDeck, selectedDeck, handleSched
     const { TranslateText } = useLanguageContext()
 
     return (
-        <StyledDict.DeckCards>
+        <>
             {Object.keys(deckMissions).length > 0 ? (
-                deckMissions.map((deckMission) => (
-                    <DeckCard
-                        key={'deckCard' + deckMission.deck.deckName}
-                        deckData={deckMission}
-                        onClickDeck={onClickDeck}
-                        selectedDeck={selectedDeck}
-                        handleScheduleAll={handleScheduleAll}
-                    />
-                ))
+                <StyledDict.DeckCards>
+                    {deckMissions.map((deckMission) => (
+                        <DeckCard
+                            key={'deckCard' + deckMission.deck.deckName}
+                            deckData={deckMission}
+                            onClickDeck={onClickDeck}
+                            selectedDeck={selectedDeck}
+                            handleScheduleAll={handleScheduleAll}
+                        />
+                    ))}
+                </StyledDict.DeckCards>
             ) : (
                 <StyledDict.Placeholder>
                     <Typography variant="h4" color="disabled">
                         {TranslateText('No deck inspections available')}
                     </Typography>
                 </StyledDict.Placeholder>
             )}
-        </StyledDict.DeckCards>
+        </>
     )
 }