display none overflow scroll x

apps/app/src/components/PageHeader/PagePathHeader.tsx

@@ -109,8 +109,8 @@ export const PagePathHeader = memo((props: Props): JSX.Element => {
       onMouseLeave={() => setHover(false)}
     >
       <div
-        id="grw-page-path-header-container"
-        className="d-inline-block overflow-hidden"
+        // id="grw-page-path-header-container"
+        className="page-path-header-input d-inline-block overflow-x-scroll"
       >
         { isRenameInputShown && (
           <div className="position-relative">

apps/app/src/components/PageHeader/PageTitleHeader.tsx

@@ -92,7 +92,7 @@ export const PageTitleHeader = (props: Props): JSX.Element => {
 
   return (
     <div className={`d-flex ${moduleClass} ${props.className ?? ''} position-relative`} style={{ maxWidth }}>
-      <div className="me-1 d-inline-block overflow-hidden">
+      <div className="page-title-header-input me-1 d-inline-block overflow-x-scroll">
         { isRenameInputShown && (
           <div className="position-relative">
             <div className="position-absolute w-100">