fix(components): update overflow handling in EditableText

packages/product-components/src/components/EditableText/EditableText.tsx

@@ -122,7 +122,7 @@ const Container = styled.span<ContainerProps>`
     position: relative;
     max-width: 100%;
     gap: ${({ $gap }) => $gap}px;
-    overflow-x: hidden;
+    overflow: hidden;
     height: 28px;
     box-sizing: content-box;
     padding: var(--padding);

packages/suite/src/components/suite/layouts/SuiteLayout/PageHeader/PageNames/AccountName/AccountDetails.tsx

@@ -131,7 +131,6 @@ export const AccountDetails = ({ selectedAccount, isBalanceShown }: AccountDetai
                     overflow="hidden"
                     // To accomodate the labeling component
                     padding={8}
-                    gap={0}
                 >
                     <H2 typographyStyle={getTypographyStyle()}>{accountNameElement}</H2>
                     {isBalanceShown && (