From 6ba607e6aae5b77c4e2cc2d8db286c17752ea0f3 Mon Sep 17 00:00:00 2001
From: LeandraH <LeandraH@users.noreply.github.com>
Date: Tue, 3 Dec 2024 17:24:02 +0100
Subject: [PATCH] Fix map layout

---
 web/src/components/Layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Layout.tsx b/web/src/components/Layout.tsx
index 988a4fe823..ddb21665ae 100644
--- 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`)};