chore: update component

Signed-off-by: tygao <tygao@amazon.com>
raintygao · Apr 19, 2024 · 8152c91 · 8152c91
1 parent 26f295b
commit 8152c91
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 17 deletions.
diff --git a/src/core/public/chrome/ui/header/__snapshots__/right_navigation_button.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/right_navigation_button.test.tsx.snap
diff --git a/src/core/public/chrome/ui/header/right_navigation_button.tsx b/src/core/public/chrome/ui/header/right_navigation_button.tsx
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { EuiButtonIcon } from '@elastic/eui';
+import { EuiHeaderSectionItemButton, EuiIcon } from '@elastic/eui';
 import React from 'react';
 import { CoreStart } from 'src/core/public';
 
@@ -35,16 +35,12 @@ export const RightNavigationButton = ({
   };
 
   return (
-    <EuiButtonIcon
-      iconType={iconType}
+    <EuiHeaderSectionItemButton
       data-test-subj="rightNavigationButton"
       aria-label={title}
-      title={title}
       onClick={navigateToApp}
-      style={{
-        height: '48px',
-        minWidth: '48px',
-      }}
-    />
+    >
+      <EuiIcon type={iconType} size="m" title={title} color="primary" />
+    </EuiHeaderSectionItemButton>
   );
 };