header expands over entire page when page width is between 1023px and 1024px

[JoKurth]

trafficstars

Scale Version v3.0.0-beta.112

Framework and version Vue 3.2.38 Vite 3.1.0

Current Behavior The magenta part of the header expands over almost the entire page when the size of the page/window is between 1023px and 1024px. It seems like the corresponding media-queries should not be max-width: 1023px and min-width: 1024px but rather max-width: 1023.99px and min-width: 1024px

Expected Behavior The header should break smoothly and not hide the page.

Code Reproduction Use the <scale-app-shell>. I tested the issue in the following codesandboxes by simply adding the scale-app-shell around the given code. Scale and React18 Scale and Vue3

Desktop (please complete the following information):

• OS: Windows 10
• Browser Brave (Chromium)
• Version 1.43.89 (Chromium: 105.0.5195.102)