HeaderBar block style tweaks to match Sidebar

neocafe · Jan 30, 2023 · a8c8105 · a8c8105
1 parent e14f4fc
commit a8c8105
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/site/src/ayon/blocks/HeaderBarBlock.tsx b/packages/site/src/ayon/blocks/HeaderBarBlock.tsx
@@ -59,10 +59,11 @@ export const HeaderBarBlock: BlockDefinition = {
         borderBottomWidth={1}
         borderBottomColor={borderBottomColor}
         height={`${props.frame.height}px`}
-        paddingX="10px"
+        paddingX="5px"
         backgroundColor={backgroundColor}
         backdropFilter="auto"
         backdropBlur="10px"
+        overflow="hidden"
       >
         {links.map((link, index) => {
           let backgroundColor = 'transparent';
@@ -74,8 +75,8 @@ export const HeaderBarBlock: BlockDefinition = {
           const [, linkText] = /^\*?(.*)/.exec(link) || [];
           return (
             <Link
-              marginX="10px"
-              padding="5px 10px"
+              marginX="5px"
+              padding="8px 14px"
               borderRadius="3px"
               fontSize="12px"
               fontWeight="medium"