diff --git a/frontend/src/containers/map/sidebar/index.tsx b/frontend/src/containers/map/sidebar/index.tsx
index 8e0408f9..b0e9b4d6 100644
--- a/frontend/src/containers/map/sidebar/index.tsx
+++ b/frontend/src/containers/map/sidebar/index.tsx
@@ -45,7 +45,7 @@ const MapSidebar: React.FC = () => {
{
'hidden md:flex': true,
'left-0': !isSidebarOpen,
- 'left-[430px] transition-[left] delay-500': isSidebarOpen,
+ 'left-[460px] transition-[left] delay-500': isSidebarOpen,
}
)}
onClick={onClickAnalysis}
@@ -61,14 +61,14 @@ const MapSidebar: React.FC = () => {
className={cn('absolute bottom-0 z-10 h-12 border-l-0 px-1 !py-3', {
'hidden md:flex': true,
'left-0': !isSidebarOpen,
- 'left-[430px] transition-[left] delay-500': isSidebarOpen,
+ 'left-[460px] transition-[left] delay-500': isSidebarOpen,
})}
>
Toggle sidebar
-
+
{showAnalysisSidebar && }
{showDetailsSidebar && }
diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
index 062d84fc..2ec5aa55 100644
--- a/frontend/src/styles/globals.css
+++ b/frontend/src/styles/globals.css
@@ -14,7 +14,7 @@
}
.mapboxgl-ctrl-attrib-inner {
- @apply px-2 max-w-[100vw] md:max-w-[calc(100vw_-_430px_-_40px_-_16px)] py-1 overflow-hidden font-sans text-xs text-left whitespace-nowrap text-ellipsis;
+ @apply px-2 max-w-[100vw] md:max-w-[calc(100vw_-_460px_-_40px_-_16px)] py-1 overflow-hidden font-sans text-xs text-left whitespace-nowrap text-ellipsis;
}
.mapboxgl-popup-content {