adjust styles

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

@@ -473,7 +473,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="justify-content-center ms-3 mt-2">
+      <div className="ms-3 mt-2">
         <PageHeader />
       </div>
       <div className={`flex-expand-horiz ${props.visibility ? '' : 'd-none'}`}>

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

@@ -1,4 +1,19 @@
 .page-header :global {
+
+  .page-path-header-input {
+    input {
+      padding: 0 4px;
+    }
+  }
+
+  .page-title-header-input {
+    input {
+      height: 41px;
+      padding: 0 4px;
+      font-size: 30px;
+    }
+  }
+
   .page-path-header-buttons {
     button {
       width: 25px;

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

@@ -16,13 +16,13 @@ export const PageHeader: FC = () => {
   }
 
   return (
-    <div className={`${styles['page-header']}`}>
+    <nav className={`${styles['page-header']} `}>
       <PagePathHeader
         currentPage={currentPage}
       />
       <PageTitleHeader
         currentPage={currentPage}
       />
-    </div>
+    </nav>
   );
 };