diff --git a/libs/components/layout/src/header/LayoutHeader.tsx b/libs/components/layout/src/header/LayoutHeader.tsx
index e6ab719a5a..03b427c8fb 100644
--- a/libs/components/layout/src/header/LayoutHeader.tsx
+++ b/libs/components/layout/src/header/LayoutHeader.tsx
@@ -121,7 +121,7 @@ const StyledHeaderRoot = styled('div')(({ theme }) => {
     };
 });
 
-const FlexContainer = styled('div')({ display: 'flex' });
+const FlexContainer = styled('div')({ display: 'flex', alignItems: 'center' });
 
 const TitleContainer = styled('div')(({ theme }) => {
     return {
diff --git a/libs/components/layout/src/header/Title.tsx b/libs/components/layout/src/header/Title.tsx
index dcd0c9e356..a71f84f00d 100644
--- a/libs/components/layout/src/header/Title.tsx
+++ b/libs/components/layout/src/header/Title.tsx
@@ -72,7 +72,11 @@ export const CurrentPageTitle = () => {
     }, [pageTitle]);
 
     return pageTitle ? (
-        <ContentText type="sm" title={pageTitle}>
+        <ContentText
+            type="sm"
+            onClick={() => window.location.reload()}
+            title={pageTitle}
+        >
             {pageTitle}
         </ContentText>
     ) : null;
@@ -85,5 +89,12 @@ const ContentText = styled(Typography)(({ theme }) => {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
+        padding: '6px 12px',
+        cursor: 'pointer',
+        borderRadius: '5px',
+
+        '&:hover': {
+            backgroundColor: '#F5F7F8',
+        },
     };
 });