adjust spaces

apps/app/src/components/PageEditor/PageEditor.tsx

@@ -439,7 +439,7 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
 
   return (
     <div data-testid="page-editor" id="page-editor" className={`flex-expand-vert ${props.visibility ? '' : 'd-none'}`}>
-      <div className="ms-3 mt-2">
+      <div className="px-4 py-2">
         <PageHeader />
       </div>
       <div className={`flex-expand-horiz ${props.visibility ? '' : 'd-none'}`}>

apps/app/src/components/PageHeader/PagePathHeader.module.scss

@@ -0,0 +1,5 @@
+.page-path-header :global {
+  input {
+    min-width: 20px;
+  }
+}

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

@@ -14,6 +14,11 @@ import { PageSelectModal } from '../PageSelectModal/PageSelectModal';
 
 import { usePagePathRenameHandler } from './page-header-utils';
 
+import styles from './PagePathHeader.module.scss';
+
+const moduleClass = styles['page-path-header'];
+
+
 export type Props = {
   currentPage: IPagePopulatedToShowRevision
 }
@@ -85,7 +90,7 @@ export const PagePathHeader: FC<Props> = (props) => {
   return (
     <div
       id="page-path-header"
-      className="d-flex"
+      className={`d-flex ${moduleClass}`}
       onMouseEnter={() => setButtonShown(true)}
       onMouseLeave={() => setButtonShown(false)}
     >