diff --git a/packages/modal/src/components/drawer/Drawer.module.css b/packages/modal/src/components/drawer/Drawer.module.css index 029cac677..fdadd4cd2 100644 --- a/packages/modal/src/components/drawer/Drawer.module.css +++ b/packages/modal/src/components/drawer/Drawer.module.css @@ -15,6 +15,11 @@ &.floating { margin: var(--swui-metrics-space); border-radius: var(--swui-border-radius); + + @media (max-width: 768px) { + margin: 0; + border-radius: 0; + } } &:focus-visible { diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenu.module.css b/packages/panels/src/components/sidebar-menu/SidebarMenu.module.css index d85bb0913..c66ea0087 100644 --- a/packages/panels/src/components/sidebar-menu/SidebarMenu.module.css +++ b/packages/panels/src/components/sidebar-menu/SidebarMenu.module.css @@ -40,7 +40,7 @@ /* Styling */ background-color: var(--current-background-color); - height: 100vh; + height: 100dvh; button { --swui-button-text-color: var(--swui-white);