Fix map layout

digitalfabrik · Dec 3, 2024 · 6ba607e · 6ba607e
1 parent 4b87183
commit 6ba607e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/web/src/components/Layout.tsx b/web/src/components/Layout.tsx
@@ -74,8 +74,8 @@ const Body = styled.div<{ $fullWidth: boolean; $disableScrollingSafari: boolean
 
 const Main = styled.main<{ $fullWidth: boolean }>`
   display: inline-block;
-  width: ${props => (props.$fullWidth ? '100%' : dimensions.maxWidth - 2 * dimensions.toolbarWidth)}px;
-  max-width: calc(100% - ${dimensions.toolbarWidth}px);
+  width: ${props => (props.$fullWidth ? '100%' : `${dimensions.maxWidth - 2 * dimensions.toolbarWidth}px`)};
+  max-width: ${props => (props.$fullWidth ? '100%' : `calc(100% - ${dimensions.toolbarWidth}px)`)};
   box-sizing: border-box;
   margin: 0 auto;
   padding: ${props => (props.$fullWidth ? '0' : `0 ${dimensions.mainContainerHorizontalPadding}px 30px`)};