diff --git a/public/components/common/__test__/__snapshots__/header.test.tsx.snap b/public/components/common/__test__/__snapshots__/header.test.tsx.snap
index 9d320ab..e24d651 100644
--- a/public/components/common/__test__/__snapshots__/header.test.tsx.snap
+++ b/public/components/common/__test__/__snapshots__/header.test.tsx.snap
@@ -21,121 +21,76 @@ exports[`Header component Renders header component 1`] = `
         }
       }
     >
-      <EuiPageHeader
-        pageTitle="Compare search results"
-      >
-        <header
-          className="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+      <EuiTitle>
+        <h1
+          className="euiTitle euiTitle--medium"
         >
-          <EuiPageHeaderContent
-            pageTitle="Compare search results"
-            responsive={true}
-          >
-            <div
-              className="euiPageHeaderContent"
+          Compare search results
+        </h1>
+      </EuiTitle>
+      <EuiText>
+        <div
+          className="euiText euiText--medium"
+        >
+          <p>
+            Compare results using the same search text with different queries.
+             
+            <EuiLink
+              href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
+              target="_blank"
             >
-              <EuiFlexGroup
-                alignItems="flexStart"
-                className="euiPageHeaderContent__top"
-                gutterSize="l"
-                responsive={true}
+              <a
+                className="euiLink euiLink--primary"
+                href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
+                rel="noopener noreferrer"
+                target="_blank"
               >
-                <div
-                  className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
+                Learn more
+                <EuiIcon
+                  aria-label="External link"
+                  className="euiLink__externalIcon"
+                  size="s"
+                  type="popout"
                 >
-                  <EuiFlexItem>
-                    <div
-                      className="euiFlexItem"
-                    >
-                      <EuiTitle
-                        size="l"
-                      >
-                        <h1
-                          className="euiTitle euiTitle--large"
-                        >
-                          Compare search results
-                        </h1>
-                      </EuiTitle>
-                    </div>
-                  </EuiFlexItem>
-                </div>
-              </EuiFlexGroup>
-              <div
-                className="euiPageHeaderContent__bottom"
-              >
-                <EuiSpacer>
-                  <div
-                    className="euiSpacer euiSpacer--l"
-                  />
-                </EuiSpacer>
-                <EuiText>
-                  <div
-                    className="euiText euiText--medium"
+                  <EuiIconEmpty
+                    aria-hidden={true}
+                    aria-label="External link"
+                    className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                    focusable="false"
+                    role="img"
+                    style={null}
                   >
-                    <p>
-                      Compare results using the same search text with different queries.
-                       
-                      <EuiLink
-                        href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
-                        target="_blank"
-                      >
-                        <a
-                          className="euiLink euiLink--primary"
-                          href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
-                          rel="noopener noreferrer"
-                          target="_blank"
-                        >
-                          Learn more
-                          <EuiIcon
-                            aria-label="External link"
-                            className="euiLink__externalIcon"
-                            size="s"
-                            type="popout"
-                          >
-                            <EuiIconEmpty
-                              aria-hidden={true}
-                              aria-label="External link"
-                              className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                              focusable="false"
-                              role="img"
-                              style={null}
-                            >
-                              <svg
-                                aria-hidden={true}
-                                aria-label="External link"
-                                className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                                focusable="false"
-                                height={16}
-                                role="img"
-                                style={null}
-                                viewBox="0 0 16 16"
-                                width={16}
-                                xmlns="http://www.w3.org/2000/svg"
-                              />
-                            </EuiIconEmpty>
-                          </EuiIcon>
-                          <EuiScreenReaderOnly>
-                            <span
-                              className="euiScreenReaderOnly"
-                            >
-                              <EuiI18n
-                                default="(opens in a new tab or window)"
-                                token="euiLink.newTarget.screenReaderOnlyText"
-                              >
-                                (opens in a new tab or window)
-                              </EuiI18n>
-                            </span>
-                          </EuiScreenReaderOnly>
-                        </a>
-                      </EuiLink>
-                    </p>
-                  </div>
-                </EuiText>
-              </div>
-            </div>
-          </EuiPageHeaderContent>
-        </header>
-      </EuiPageHeader>
+                    <svg
+                      aria-hidden={true}
+                      aria-label="External link"
+                      className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                      focusable="false"
+                      height={16}
+                      role="img"
+                      style={null}
+                      viewBox="0 0 16 16"
+                      width={16}
+                      xmlns="http://www.w3.org/2000/svg"
+                    />
+                  </EuiIconEmpty>
+                </EuiIcon>
+                <EuiScreenReaderOnly>
+                  <span
+                    className="euiScreenReaderOnly"
+                  >
+                    <EuiI18n
+                      default="(opens in a new tab or window)"
+                      token="euiLink.newTarget.screenReaderOnlyText"
+                    >
+                      (opens in a new tab or window)
+                    </EuiI18n>
+                  </span>
+                </EuiScreenReaderOnly>
+              </a>
+            </EuiLink>
+          </p>
+        </div>
+      </EuiText>
     </div>
   </EuiPanel>
 </Header>
diff --git a/public/components/common/header.tsx b/public/components/common/header.tsx
index 2d71b2f..035e111 100644
--- a/public/components/common/header.tsx
+++ b/public/components/common/header.tsx
@@ -4,7 +4,15 @@
  */
 
 import React from 'react';
-import { EuiPageHeader, EuiCallOut, EuiText, EuiLink, EuiPanel, EuiToken } from '@elastic/eui';
+import {
+  EuiPageHeader,
+  EuiCallOut,
+  EuiText,
+  EuiLink,
+  EuiPanel,
+  EuiToken,
+  EuiTitle,
+} from '@elastic/eui';
 
 interface HeaderProps {
   children?: React.ReactNode;
@@ -19,20 +27,21 @@ export const Header = ({ children }: HeaderProps) => {
       borderRadius="none"
       style={{ borderBottom: '1px solid #D3DAE6' }}
     >
-      <EuiPageHeader pageTitle="Compare search results">
-        <EuiText>
-          <p>
-            Compare results using the same search text with different queries.{' '}
-            <EuiLink
-              href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
-              target="_blank"
-            >
-              Learn more
-            </EuiLink>
-          </p>
-        </EuiText>
-        {children}
-      </EuiPageHeader>
+      <EuiTitle>
+        <h1>Compare search results</h1>
+      </EuiTitle>
+      <EuiText>
+        <p>
+          Compare results using the same search text with different queries.{' '}
+          <EuiLink
+            href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
+            target="_blank"
+          >
+            Learn more
+          </EuiLink>
+        </p>
+      </EuiText>
+      {children}
     </EuiPanel>
   );
 };
diff --git a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap
index 823b626..0db4cbd 100644
--- a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap
+++ b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap
@@ -22,121 +22,76 @@ exports[`Create index component Renders create index component 1`] = `
           }
         }
       >
-        <EuiPageHeader
-          pageTitle="Compare search results"
-        >
-          <header
-            className="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
+        <EuiTitle>
+          <h1
+            className="euiTitle euiTitle--medium"
           >
-            <EuiPageHeaderContent
-              pageTitle="Compare search results"
-              responsive={true}
-            >
-              <div
-                className="euiPageHeaderContent"
+            Compare search results
+          </h1>
+        </EuiTitle>
+        <EuiText>
+          <div
+            className="euiText euiText--medium"
+          >
+            <p>
+              Compare results using the same search text with different queries.
+               
+              <EuiLink
+                href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
+                target="_blank"
               >
-                <EuiFlexGroup
-                  alignItems="flexStart"
-                  className="euiPageHeaderContent__top"
-                  gutterSize="l"
-                  responsive={true}
+                <a
+                  className="euiLink euiLink--primary"
+                  href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
+                  rel="noopener noreferrer"
+                  target="_blank"
                 >
-                  <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive euiPageHeaderContent__top"
+                  Learn more
+                  <EuiIcon
+                    aria-label="External link"
+                    className="euiLink__externalIcon"
+                    size="s"
+                    type="popout"
                   >
-                    <EuiFlexItem>
-                      <div
-                        className="euiFlexItem"
-                      >
-                        <EuiTitle
-                          size="l"
-                        >
-                          <h1
-                            className="euiTitle euiTitle--large"
-                          >
-                            Compare search results
-                          </h1>
-                        </EuiTitle>
-                      </div>
-                    </EuiFlexItem>
-                  </div>
-                </EuiFlexGroup>
-                <div
-                  className="euiPageHeaderContent__bottom"
-                >
-                  <EuiSpacer>
-                    <div
-                      className="euiSpacer euiSpacer--l"
-                    />
-                  </EuiSpacer>
-                  <EuiText>
-                    <div
-                      className="euiText euiText--medium"
+                    <EuiIconEmpty
+                      aria-hidden={true}
+                      aria-label="External link"
+                      className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                      focusable="false"
+                      role="img"
+                      style={null}
                     >
-                      <p>
-                        Compare results using the same search text with different queries.
-                         
-                        <EuiLink
-                          href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
-                          target="_blank"
-                        >
-                          <a
-                            className="euiLink euiLink--primary"
-                            href="https://opensearch.org/docs/latest/search-plugins/search-relevance"
-                            rel="noopener noreferrer"
-                            target="_blank"
-                          >
-                            Learn more
-                            <EuiIcon
-                              aria-label="External link"
-                              className="euiLink__externalIcon"
-                              size="s"
-                              type="popout"
-                            >
-                              <EuiIconEmpty
-                                aria-hidden={true}
-                                aria-label="External link"
-                                className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                                focusable="false"
-                                role="img"
-                                style={null}
-                              >
-                                <svg
-                                  aria-hidden={true}
-                                  aria-label="External link"
-                                  className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
-                                  focusable="false"
-                                  height={16}
-                                  role="img"
-                                  style={null}
-                                  viewBox="0 0 16 16"
-                                  width={16}
-                                  xmlns="http://www.w3.org/2000/svg"
-                                />
-                              </EuiIconEmpty>
-                            </EuiIcon>
-                            <EuiScreenReaderOnly>
-                              <span
-                                className="euiScreenReaderOnly"
-                              >
-                                <EuiI18n
-                                  default="(opens in a new tab or window)"
-                                  token="euiLink.newTarget.screenReaderOnlyText"
-                                >
-                                  (opens in a new tab or window)
-                                </EuiI18n>
-                              </span>
-                            </EuiScreenReaderOnly>
-                          </a>
-                        </EuiLink>
-                      </p>
-                    </div>
-                  </EuiText>
-                </div>
-              </div>
-            </EuiPageHeaderContent>
-          </header>
-        </EuiPageHeader>
+                      <svg
+                        aria-hidden={true}
+                        aria-label="External link"
+                        className="euiIcon euiIcon--small euiIcon-isLoading euiLink__externalIcon"
+                        focusable="false"
+                        height={16}
+                        role="img"
+                        style={null}
+                        viewBox="0 0 16 16"
+                        width={16}
+                        xmlns="http://www.w3.org/2000/svg"
+                      />
+                    </EuiIconEmpty>
+                  </EuiIcon>
+                  <EuiScreenReaderOnly>
+                    <span
+                      className="euiScreenReaderOnly"
+                    >
+                      <EuiI18n
+                        default="(opens in a new tab or window)"
+                        token="euiLink.newTarget.screenReaderOnlyText"
+                      >
+                        (opens in a new tab or window)
+                      </EuiI18n>
+                    </span>
+                  </EuiScreenReaderOnly>
+                </a>
+              </EuiLink>
+            </p>
+          </div>
+        </EuiText>
       </div>
     </EuiPanel>
   </Header>