Fix scroll and search

code/ui/manager/src/components/layout/Layout.tsx

@@ -261,16 +261,16 @@ const Drag = styled.div<{ orientation?: 'horizontal' | 'vertical'; position?: 'l
   ({ orientation = 'vertical', position = 'left' }) => {
     if (orientation === 'vertical')
       return {
-        width: '20px',
+        width: '13px',
         height: '100%',
         top: 0,
-        right: position === 'left' ? '-10px' : null,
-        left: position === 'right' ? '-10px' : null,
+        right: position === 'left' ? '-7px' : null,
+        left: position === 'right' ? '-7px' : null,
 
         '&:after': {
           width: 1,
           height: '100%',
-          marginLeft: 10,
+          marginLeft: 6,
         },
 
         '&:hover': {
@@ -279,14 +279,14 @@ const Drag = styled.div<{ orientation?: 'horizontal' | 'vertical'; position?: 'l
       };
     return {
       width: '100%',
-      height: '20px',
-      top: '-10px',
+      height: '13px',
+      top: '-7px',
       left: 0,
 
       '&:after': {
         width: '100%',
         height: 1,
-        marginTop: 9,
+        marginTop: 6,
       },
 
       '&:hover': {

code/ui/manager/src/components/sidebar/Search.tsx

@@ -80,7 +80,7 @@ const Input = styled.input(({ theme }) => ({
   paddingRight: 32,
   border: `1px solid ${theme.appBorderColor}`,
   background: 'transparent',
-  borderRadius: 32,
+  borderRadius: 4,
   fontSize: `${theme.typography.size.s1 + 1}px`,
   fontFamily: 'inherit',
   transition: 'all 150ms',

code/ui/manager/src/components/sidebar/Sidebar.tsx

@@ -133,7 +133,7 @@ export const Sidebar = React.memo(function Sidebar({
 
   return (
     <Container className="container sidebar-container">
-      <ScrollArea vertical offset={8}>
+      <ScrollArea vertical offset={6} scrollbarSize={6}>
         <Top row={1.6}>
           <Heading
             className="sidebar-header"