diff --git a/apps/demo/src/Views/Ui/components/PageDemo.tsx b/apps/demo/src/Views/Ui/components/PageDemo.tsx
index fa447305f..664f5efba 100644
--- a/apps/demo/src/Views/Ui/components/PageDemo.tsx
+++ b/apps/demo/src/Views/Ui/components/PageDemo.tsx
@@ -1,10 +1,96 @@
 import { useTranslation } from "@prefabs.tech/react-i18n";
-import { Button, Page, Tag } from "@prefabs.tech/react-ui";
+import { Button, Page, Tag, TDataTable } from "@prefabs.tech/react-ui";
+import { useNavigate } from "react-router-dom";
+
+import { CodeBlock, Section } from "../../../components/Demo";
 
 export const PageDemo = () => {
   const [t] = useTranslation("ui");
+  const navigate = useNavigate();
+
+  const propertiesData = [
+    {
+      default: "-",
+      description: t("page.propertiesDescription.breadcrumb"),
+      prop: "breadcrumb",
+      type: "React.ReactNode",
+    },
+    {
+      default: "false",
+      description: t("page.propertiesDescription.centered"),
+      prop: "centered",
+      type: "boolean",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.children"),
+      prop: "children",
+      type: "React.ReactNode",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.className"),
+      prop: "className",
+      type: "string",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.errorMessage"),
+      prop: "errorMessage",
+      type: "string",
+    },
+    {
+      default: "false",
+      description: t("page.propertiesDescription.loading"),
+      prop: "loading",
+      type: "boolean",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.loadingComponent"),
+      prop: "loadingComponent",
+      type: "React.ReactElement",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.loadingPageStyle"),
+      prop: "loadingPageStyle",
+      type: "LoadingPageProperties",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.subtitle"),
+      prop: "subtitle",
+      type: "string | React.ReactNode",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.title"),
+      prop: "title",
+      type: "string | React.ReactNode",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.titleTag"),
+      prop: "titleTag",
+      type: "string | React.ReactNode",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.toolbarActionMenu"),
+      prop: "toolbarActionMenu",
+      type: "ToolbarActionsMenuProperties",
+    },
+    {
+      default: "-",
+      description: t("page.propertiesDescription.toolbar"),
+      prop: "toolbar",
+      type: "React.ReactNode",
+    },
+  ];
+
+  const pageContent = <div style={{ height: "20vh" }}>Page content.</div>;
 
-  const PageContent = <div style={{ height: "20vh" }}>{t("page.content")}</div>;
   const breadcrumb = (
     <Button
       iconLeft={<i className="pi pi-chevron-left"></i>}
@@ -15,61 +101,218 @@ export const PageDemo = () => {
 
   return (
     <>
-      <Page title={t("page.title.basic")}>{PageContent}</Page>
-
-      <hr />
       <Page
-        title={t("page.title.toolbar")}
-        toolbar={<Button label={t("page.toolbar.edit")} />}
-        children={PageContent}
-      />
+        title={t("page.title")}
+        subtitle={t("page.subtitle")}
+        toolbar={
+          <Button
+            label={t("buttons.back")}
+            variant="textOnly"
+            iconLeft={<i className="pi pi-chevron-left"></i>}
+            onClick={() => navigate("..")}
+          />
+        }
+      ></Page>
+      <Section title={t("headers.usage")}>
+        <p>{t("common.usage", { component: "Page" })}</p>
+        <CodeBlock exampleCode='import { Page } from "@prefabs.tech/react-ui"' />
+      </Section>
 
-      <hr />
-      <Page
-        title={t("page.title.centerAligned")}
-        toolbar={<Button label={t("page.toolbar.edit")} />}
-        children={PageContent}
-        centered={true}
-      />
+      <Section title={t("page.usage.basic")}>
+        <Page
+          title={"Basic page title"}
+          toolbarActionMenu={{
+            actions: [
+              {
+                iconLeft: <i className="pi pi-chevron-left"></i>,
+                variant: "textOnly",
+                label: "Back",
+              },
+              {
+                label: "Click",
+                severity: "secondary",
+              },
+              {
+                label: "Delete",
+                className: "danger",
+              },
+            ],
+          }}
+          children={pageContent}
+        />
+        <CodeBlock
+          exampleCode='const pageContent = <div style={{ height: "20vh" }}>Page content.</div>;
 
-      <hr />
-      <Page
-        title={t("page.title.stringSubtitle")}
-        subtitle={t("page.subTitle.title")}
-        children={PageContent}
-      />
+<Page
+  title={"Basic page title"}
+  toolbarActionMenu={{
+    actions: [
+      {
+        iconLeft: <i className="pi pi-chevron-left"></i>,
+        variant: "textOnly",
+        label: "Back",
+      },
+      {
+        label: "Click",
+        severity: "secondary",
+      },
+      {
+        label: "Delete",
+        className: "danger",
+      },
+    ],
+  }}
+  children={pageContent}
+/>'
+        />
+      </Section>
 
-      <hr />
-      <Page
-        title={t("page.title.componentSubtitle")}
-        subtitle={<Tag label={t("page.subTitle.tag")} />}
-        children={PageContent}
-      />
+      <Section title={t("page.usage.toolbarAndBreadcrumb")}>
+        <Page
+          title={"Page title"}
+          children={pageContent}
+          breadcrumb={breadcrumb}
+          toolbar={
+            <>
+              <Button severity="secondary" label={"Edit"} />
+              <Button severity="danger" label={"Delete"} />
+            </>
+          }
+        />
+        <CodeBlock
+          exampleCode='const pageContent = <div style={{ height: "20vh" }}>Page content.</div>;
+const breadcrumb = (
+  <Button
+    iconLeft={<i className="pi pi-chevron-left"></i>}
+    variant="textOnly"
+    label={t("page.breadcrumb.back")}
+  />
+);
 
-      <hr />
-      <Page
-        title={t("page.title.breadcrumb")}
-        children={PageContent}
-        breadcrumb={breadcrumb}
-      />
+<Page
+  title={"Page title"}
+  children={pageContent}
+  breadcrumb={breadcrumb}
+  toolbar={
+    <>
+      <Button severity="secondary" label={"Edit"} />
+      <Button severity="danger" label={"Delete"} />
+    </>
+  }
+/>'
+        />
+      </Section>
 
-      <hr />
-      <Page
-        title={t("page.title.complete")}
-        titleTag={<Tag label={t("page.heading.tag")} />}
-        toolbar={
-          <>
-            <Button
-              severity="secondary"
-              label={t("page.toolbar.button.label")}
-            />
-            <Button label={t("page.toolbar.edit")} />
-          </>
-        }
-        subtitle={<Tag label={t("page.subTitle.tag")} />}
-        children={PageContent}
-        breadcrumb={breadcrumb}
-      />
+      <Section title={t("page.usage.complete")}>
+        <Page
+          title={"Page header title"}
+          titleTag={<Tag label={"Heading tag"} />}
+          subtitle={<Tag label={"Subtitle tag"} />}
+          children={pageContent}
+          toolbarActionMenu={{
+            actions: [
+              {
+                iconLeft: <i className="pi pi-chevron-left"></i>,
+                variant: "textOnly",
+                label: "Back",
+              },
+              {
+                label: "Edit",
+                severity: "secondary",
+              },
+              {
+                iconLeft: "pi pi-trash",
+                label: "Delete",
+                variant: "outlined",
+                className: "danger",
+                onClick: () => {
+                  console.log("Event clicked");
+                },
+                iconOnly: true,
+              },
+            ],
+          }}
+        />
+
+        <CodeBlock
+          exampleCode='const pageContent = <div style={{ height: "20vh" }}>Page content.</div>;
+
+<Page
+  title={"Page header title"}
+  titleTag={<Tag label={"Heading tag"} />}
+  subtitle={<Tag label={"Subtitle tag"} />}
+  children={pageContent}
+  toolbarActionMenu={{
+    actions: [
+      {
+        iconLeft: <i className="pi pi-chevron-left"></i>,
+        variant: "textOnly",
+        label: "Back",
+      },
+      {
+        label: "Edit",
+        severity: "secondary",
+      },
+      {
+        iconLeft: "pi pi-trash",
+        label: "Delete",
+        variant: "outlined",
+        className: "danger",
+        onClick: () => {
+          console.log("Event clicked");
+        },
+        iconOnly: true,
+      },
+    ],
+  }}
+/>'
+        />
+      </Section>
+
+      <Section
+        title={t("headers.propertiesValue", {
+          value: "PageProperties",
+        })}
+      >
+        <TDataTable
+          columns={[
+            {
+              accessorKey: "prop",
+              header: t("propertiesTable.header.properties"),
+            },
+            {
+              accessorKey: "type",
+              header: t("propertiesTable.header.type"),
+            },
+            {
+              accessorKey: "default",
+              header: t("propertiesTable.header.default"),
+            },
+            {
+              accessorKey: "description",
+              header: t("propertiesTable.header.description"),
+            },
+          ]}
+          data={propertiesData}
+          paginated={false}
+        />
+      </Section>
+
+      <Section title={t("headers.types")}>
+        <CodeBlock
+          exampleCode='
+interface ActionsMenuItem
+  extends Omit<MenuItem, "onClick">,
+    Partial<IButtonProperties> {
+  iconOnly?: boolean;
+  onClick?: (event?: React.MouseEvent | React.KeyboardEvent) => void;
+}
+
+interface ToolbarActionsMenuProperties {
+actions?: ActionsMenuItem[];
+}'
+        />
+      </Section>
     </>
   );
 };
diff --git a/apps/demo/src/Views/Ui/pages.tsx b/apps/demo/src/Views/Ui/pages.tsx
index 4bc5f454a..9bd2bd592 100644
--- a/apps/demo/src/Views/Ui/pages.tsx
+++ b/apps/demo/src/Views/Ui/pages.tsx
@@ -212,7 +212,7 @@ const MISC_ROUTES = [
   },
   {
     path: UI_ROUTES.PAGE_DEMO,
-    key: "page.title.menu",
+    key: "page.title",
     element: <PageDemo />,
   },
   {
diff --git a/apps/demo/src/locales/en/ui.json b/apps/demo/src/locales/en/ui.json
index cb34692bf..ee32ea484 100644
--- a/apps/demo/src/locales/en/ui.json
+++ b/apps/demo/src/locales/en/ui.json
@@ -332,20 +332,18 @@
     "title": "Textarea"
   },
   "page": {
-    "title": {
+    "title": "Page",
+    "subtitle": "The Page component renders a structured layout with a header, optional loading and error states, and customizable content areas for flexible page composition.",
+    "usage": {
       "menu": "Page",
       "basic": "Page demo basic",
       "centerAligned": "Page with center aligned contents",
-      "toolbar": "Page with toolbar",
+      "toolbarAndBreadcrumb": "Page with toolbar and breadcrumb",
       "stringSubtitle": "Page with subtitle string",
       "componentSubtitle": "Page with subtitle component",
       "breadcrumb": "Page with breadcrumb",
       "complete": "Page with every component"
     },
-    "subTitle": {
-      "title": "Page subtitle",
-      "tag": "Subtitle tag"
-    },
     "heading": {
       "tag": "Heading tag"
     },
@@ -358,6 +356,21 @@
         "label": "Click"
       }
     },
+    "propertiesDescription": {
+      "breadcrumb": "Displays a breadcrumb element at the top of the page.",
+      "centered": "Align the page content in the center.",
+      "children": "The main content of the page.",
+      "className": "Additional CSS class to apply custom styling to the page container.",
+      "errorMessage": "Displays an error message when set.",
+      "loading": "Displays a loading state instead of the page content.",
+      "loadingComponent": "Optional custom loading component to display when `loading` is true. Overrides the default loading component.",
+      "loadingPageStyle": "Props passed to the default `LoadingPage` component to customize its style.",
+      "subtitle": "Text to display as the page subtitle, below the main title.",
+      "title": "Text to display as the main title of the page.",
+      "titleTag": "Custom element or string to use as the semantic tag for the title.",
+      "toolbarActionMenu": "Props for configuring a toolbar action menu component next to the title.",
+      "toolbar": "Additional toolbar content to be rendered alongside the header elements."
+    },
     "content": "Page content."
   },
   "tag": {
diff --git a/apps/demo/src/locales/fr/ui.json b/apps/demo/src/locales/fr/ui.json
index 93b45993b..0ad216031 100644
--- a/apps/demo/src/locales/fr/ui.json
+++ b/apps/demo/src/locales/fr/ui.json
@@ -332,20 +332,18 @@
     "title": "Textarea (fr)"
   },
   "page": {
-    "title": {
+    "title": "Page (fr)",
+    "subtitle": "The Page component renders a structured layout with a header, optional loading and error states, and customizable content areas for flexible page composition. (fr)",
+    "usage": {
       "menu": "Page (fr)",
       "basic": "Page demo basic (fr)",
       "centerAligned": "Page with center aligned contents (fr)",
-      "toolbar": "Page with toolbar (fr)",
+      "toolbarAndBreadcrumb": "Page with toolbar and breadcrumb (fr)",
       "stringSubtitle": "Page with subtitle string (fr)",
       "componentSubtitle": "Page with subtitle component (fr)",
       "breadcrumb": "Page with breadcrumb (fr)",
       "complete": "Page with every component (fr)"
     },
-    "subTitle": {
-      "title": "Page subtitle (fr)",
-      "tag": "Subtitle tag (fr)"
-    },
     "heading": {
       "tag": "Heading tag (fr)"
     },
@@ -358,6 +356,21 @@
         "label": "Click (fr)"
       }
     },
+    "propertiesDescription": {
+      "breadcrumb": "Displays a breadcrumb element at the top of the page. (fr)",
+      "centered": "Align the page content in the center. (fr)",
+      "children": "The main content of the page. (fr)",
+      "className": "Additional CSS class to apply custom styling to the page container. (fr)",
+      "errorMessage": "Displays an error message when set. (fr)",
+      "loading": "Displays a loading state instead of the page content. (fr)",
+      "loadingComponent": "Optional custom loading component to display when `loading` is true. Overrides the default loading component. (fr)",
+      "loadingPageStyle": "Props passed to the default `LoadingPage` component to customize its style. (fr)",
+      "subtitle": "Text to display as the page subtitle, below the main title. (fr)",
+      "title": "Text to display as the main title of the page. (fr)",
+      "titleTag": "Custom element or string to use as the semantic tag for the title. (fr)",
+      "toolbarActionMenu": "Props for configuring a toolbar action menu component next to the title. (fr)",
+      "toolbar": "Additional toolbar content to be rendered alongside the header elements. (fr)"
+    },
     "content": "Page content. (fr)"
   },
   "tag": {
diff --git a/packages/ui/src/DropdownMenu/Menu.tsx b/packages/ui/src/DropdownMenu/Menu.tsx
index 82ddcf8ea..7350cbce0 100644
--- a/packages/ui/src/DropdownMenu/Menu.tsx
+++ b/packages/ui/src/DropdownMenu/Menu.tsx
@@ -7,6 +7,8 @@ export interface MenuItem {
   key?: string;
   label?: string;
   icon?: React.ReactNode;
+  iconLeft?: React.ReactNode;
+  iconRight?: React.ReactNode;
   onClick?: () => void;
 }
 
@@ -30,12 +32,16 @@ const Menu: React.FC<MenuProperties> = ({
           className,
           disabled,
           icon,
+          iconLeft,
+          iconRight,
           onClick,
           display = true,
           key,
           label,
         } = item;
 
+        const menuIcon = icon || iconLeft || iconRight;
+
         return display ? (
           <li
             key={key || `menu-item-${index}`}
@@ -47,11 +53,11 @@ const Menu: React.FC<MenuProperties> = ({
               renderOption(item)
             ) : (
               <span className="menu-item">
-                {icon ? (
-                  typeof icon === "string" ? (
-                    <i className={icon}></i>
+                {menuIcon ? (
+                  typeof menuIcon === "string" ? (
+                    <i className={menuIcon}></i>
                   ) : (
-                    icon
+                    menuIcon
                   )
                 ) : null}
                 {label}
diff --git a/packages/ui/src/Page/Header.tsx b/packages/ui/src/Page/Header.tsx
index 33ec9468c..037cd3bd6 100644
--- a/packages/ui/src/Page/Header.tsx
+++ b/packages/ui/src/Page/Header.tsx
@@ -1,9 +1,16 @@
+import { ToolbarActions } from "./ToolbarActions";
+
+import type { ToolbarActionsMenuProperties } from "./ToolbarActions";
+
+import { Button } from "@/Buttons";
+
 interface IHeaderProperties {
   breadcrumb?: React.ReactNode;
-  titleTag?: string | React.ReactNode;
   subtitle?: React.ReactNode | string;
-  toolbar?: React.ReactNode;
   title?: string | React.ReactNode;
+  titleTag?: string | React.ReactNode;
+  toolbar?: React.ReactNode;
+  toolbarActionMenu?: ToolbarActionsMenuProperties;
 }
 
 export const PageHeader = ({
@@ -12,9 +19,12 @@ export const PageHeader = ({
   subtitle,
   toolbar,
   title,
+  toolbarActionMenu,
 }: IHeaderProperties) => {
   const renderTitle = () => {
-    if (!title) return null;
+    if (!title) {
+      return null;
+    }
 
     if (typeof title === "string") {
       return (
@@ -38,15 +48,41 @@ export const PageHeader = ({
           </div>
         )}
       </div>
-      {(breadcrumb || toolbar) && (
-        <div
-          data-testid="page-toolbar"
-          className="dz-page-toolbar"
-          data-breadcrumb={!!breadcrumb}
-        >
-          {breadcrumb}
-          {toolbar}
-        </div>
+
+      {toolbarActionMenu ? (
+        <>
+          <div
+            data-testid="page-toolbar"
+            className="toolbar-action-wrapper"
+            data-breadcrumb={!!breadcrumb}
+          >
+            {toolbarActionMenu.actions?.map((action) => {
+              const { iconOnly, key, label, ...rest } = action;
+
+              return (
+                <Button
+                  key={key}
+                  label={iconOnly ? undefined : label}
+                  {...rest}
+                />
+              );
+            })}
+          </div>
+          <div className="toolbar-action-menu">
+            <ToolbarActions {...toolbarActionMenu} />
+          </div>
+        </>
+      ) : (
+        (breadcrumb || toolbar) && (
+          <div
+            data-testid="page-toolbar"
+            className="dz-page-toolbar"
+            data-breadcrumb={!!breadcrumb}
+          >
+            {breadcrumb}
+            {toolbar}
+          </div>
+        )
       )}
     </div>
   );
diff --git a/packages/ui/src/Page/ToolbarActions.tsx b/packages/ui/src/Page/ToolbarActions.tsx
new file mode 100644
index 000000000..f2da0af7f
--- /dev/null
+++ b/packages/ui/src/Page/ToolbarActions.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+
+import { Button, DropdownMenu, IButtonProperties, MenuItem } from "..";
+
+export interface ActionsMenuItem
+  extends Omit<MenuItem, "onClick">,
+    Partial<IButtonProperties> {
+  iconOnly?: boolean;
+  onClick?: (event?: React.MouseEvent | React.KeyboardEvent) => void;
+}
+
+export interface ToolbarActionsMenuProperties {
+  actions?: ActionsMenuItem[];
+}
+
+export const ToolbarActions = ({ actions }: ToolbarActionsMenuProperties) => {
+  if (!actions || actions.length === 0) {
+    return null;
+  }
+
+  if (actions.length > 1) {
+    return <DropdownMenu menu={actions} hideDropdownIcon />;
+  }
+
+  const [{ icon, iconLeft, iconRight, label, onClick, variant }] = actions;
+
+  const buttonIcon = icon ?? iconLeft ?? iconRight;
+
+  return (
+    <Button
+      iconLeft={buttonIcon}
+      data-pr-tooltip={label}
+      label={!buttonIcon ? label : undefined}
+      onClick={onClick}
+      variant={variant}
+    />
+  );
+};
diff --git a/packages/ui/src/Page/index.tsx b/packages/ui/src/Page/index.tsx
index d0fe20710..7f1e74d64 100644
--- a/packages/ui/src/Page/index.tsx
+++ b/packages/ui/src/Page/index.tsx
@@ -3,22 +3,25 @@ import { DetailedHTMLProps, HTMLAttributes } from "react";
 import { PageHeader } from "./Header";
 import LoadingPage, { LoadingPageProperties } from "../LoadingPage";
 
+import type { ToolbarActionsMenuProperties } from "./ToolbarActions";
+
 interface PageProperties
   extends Pick<
     DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
     "aria-orientation"
   > {
   breadcrumb?: React.ReactNode;
+  centered?: boolean;
   children?: React.ReactNode;
   className?: string;
-  centered?: boolean;
   errorMessage?: string;
-  titleTag?: string | React.ReactNode;
   loading?: boolean;
   loadingComponent?: React.ReactElement;
   loadingPageStyle?: LoadingPageProperties;
   subtitle?: React.ReactNode | string;
   title?: string | React.ReactNode;
+  titleTag?: string | React.ReactNode;
+  toolbarActionMenu?: ToolbarActionsMenuProperties;
   toolbar?: React.ReactNode;
 }
 
@@ -35,6 +38,7 @@ const Page: React.FC<PageProperties> = ({
   subtitle,
   title,
   toolbar,
+  toolbarActionMenu,
   ...others
 }) => {
   let child = null;
@@ -60,7 +64,16 @@ const Page: React.FC<PageProperties> = ({
 
   return (
     <div className={_className} data-centered={centered}>
-      <PageHeader {...{ title, titleTag, subtitle, toolbar, breadcrumb }} />
+      <PageHeader
+        {...{
+          breadcrumb,
+          subtitle,
+          title,
+          titleTag,
+          toolbar,
+          toolbarActionMenu,
+        }}
+      />
       <div data-testid="page-content" className="dz-page-content" {...others}>
         {child ? child : children}
       </div>
diff --git a/packages/ui/src/assets/css/page.css b/packages/ui/src/assets/css/page.css
index fa8ac835d..787e77f47 100644
--- a/packages/ui/src/assets/css/page.css
+++ b/packages/ui/src/assets/css/page.css
@@ -7,18 +7,17 @@
   flex-direction: column;
 }
 
-.dz-page > .dz-page-header {
-  display: grid;
-  gap: var(--_page-gap);
-  grid-template-columns: 100%;
-}
-
 .dz-page[data-centered="true"] {
   justify-items: center;
   max-width: var(--_page-max-width);
   margin: auto;
 }
 
+.dz-page > .dz-page-header {
+  display: flex;
+  justify-content: space-between;
+}
+
 .dz-page > .dz-page-content > div[role="alert"].error > span {
   color: var(--dz-danger-color, red);
 }
@@ -38,25 +37,55 @@
   flex-wrap: wrap;
 }
 
+.dz-page > .dz-page-header > .toolbar-action-wrapper {
+  display: none;
+}
+
 .dz-page-toolbar[data-breadcrumb="true"] > :first-child {
   display: none;
 }
 
+.dz-page > .dz-page-header > .dz-page-title-wrapper > h1 {
+  line-height: 2rem;
+}
+
 .dz-page > .dz-page-header > .dz-page-title-wrapper > h1 > span {
   margin-left: 0.5rem;
 }
 
+.dz-page > .dz-page-header > .dz-page-title-wrapper > h1 > span > .dz-tag {
+  height: 1.8125rem;
+}
+
 @media (min-width: 576px) {
   .dz-page > .dz-page-header {
     grid-template-columns: repeat(2, minmax(0, auto));
   }
 
+  .dz-page-toolbar[data-breadcrumb="true"] > :first-child {
+    display: none;
+  }
+
+  .toolbar-action-menu {
+    display: none;
+  }
+
   .dz-page > .dz-page-header > .dz-page-toolbar {
     margin-left: auto;
     height: fit-content;
     justify-content: flex-end;
   }
 
+  .dz-page > .dz-page-header > .toolbar-action-wrapper {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    height: fit-content;
+    justify-content: flex-end;
+    margin-left: auto;
+  }
+
   .dz-page > .dz-page-header > .dz-page-title-wrapper > h1 > span {
     vertical-align: super;
   }