add box sizing borderbox to avoid border being not visible in UIs. re…

…move the margin top to sidebar to avoid gap between border
scality · Mar 19, 2024 · 7c40d1f · 7c40d1f
1 parent aa1e276
commit 7c40d1f
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 1 deletion.
diff --git a/src/lib/components/navbar/Navbar.component.tsx b/src/lib/components/navbar/Navbar.component.tsx
@@ -37,6 +37,7 @@ const NavbarContainer = styled.div`
       color: ${getThemePropSelector('textPrimary')};
     }
     border-bottom: 0.5px solid ${(props) => props.theme.backgroundLevel3};
+    box-sizing: border-box;
   `};
 `;
 const NavbarMenu = styled.div`

diff --git a/src/lib/components/sidebar/Sidebar.component.tsx b/src/lib/components/sidebar/Sidebar.component.tsx
@@ -41,7 +41,6 @@ const Wrapper = styled.div<WrapperProps>`
       }
     `;
   }}
-  margin-top: 1px;
   border-right: 1px solid ${(props) => props.theme.backgroundLevel3};
   ${(props) => {
     if (props.expanded) {