From ffc7f765abde6b6248dabd50367dc6ac0daef16d Mon Sep 17 00:00:00 2001
From: yuye-aws <yuyezhu@amazon.com>
Date: Wed, 16 Aug 2023 18:15:21 +0800
Subject: [PATCH] avoid inline styles

Signed-off-by: yuye-aws <yuyezhu@amazon.com>
---
 .../ui/header/collapsible_nav_header.tsx      | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/core/public/chrome/ui/header/collapsible_nav_header.tsx b/src/core/public/chrome/ui/header/collapsible_nav_header.tsx
index 094333ae32db..8c902ac598a5 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav_header.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav_header.tsx
@@ -74,7 +74,9 @@ export function CollapsibleNavHeader({ workspaces, getUrlForApp, basePath }: Pro
             <EuiIcon type="logoOpenSearch" size="l" />
           </EuiFlexItem>
           <EuiFlexItem>
-            <EuiText style={{ fontWeight: 'bold' }}>{defaultHeaderName}</EuiText>
+            <EuiText>
+              <strong> {defaultHeaderName} </strong>
+            </EuiText>
           </EuiFlexItem>
         </EuiFlexGroup>
       </EuiCollapsibleNavGroup>
@@ -98,7 +100,9 @@ export function CollapsibleNavHeader({ workspaces, getUrlForApp, basePath }: Pro
     );
     const name =
       currentWorkspace !== null && index === 0 ? (
-        <EuiText style={{ fontWeight: 'bold' }}>{workspace.name}</EuiText>
+        <EuiText>
+          <strong> {workspace.name} </strong>
+        </EuiText>
       ) : (
         workspace.name
       );
@@ -153,7 +157,9 @@ export function CollapsibleNavHeader({ workspaces, getUrlForApp, basePath }: Pro
           <EuiIcon type="logoOpenSearch" size="l" />
         </EuiFlexItem>
         <EuiFlexItem>
-          <EuiText style={{ fontWeight: 'bold' }}>{currentWorkspaceName}</EuiText>
+          <EuiText>
+            <strong> {currentWorkspaceName} </strong>
+          </EuiText>
         </EuiFlexItem>
         <EuiFlexItem>
           <EuiIcon type="arrowDown" onClick={onButtonClick} />
@@ -168,7 +174,9 @@ export function CollapsibleNavHeader({ workspaces, getUrlForApp, basePath }: Pro
         <EuiIcon type="logoOpenSearch" size="l" />
       </EuiFlexItem>
       <EuiFlexItem>
-        <EuiText style={{ fontWeight: 'bold' }}>{currentWorkspaceName}</EuiText>
+        <EuiText>
+          <strong> {currentWorkspaceName} </strong>
+        </EuiText>
       </EuiFlexItem>
       <EuiFlexItem>
         <EuiIcon type="cross" onClick={closePopover} />
@@ -183,10 +191,12 @@ export function CollapsibleNavHeader({ workspaces, getUrlForApp, basePath }: Pro
       items: [
         {
           name: (
-            <EuiText style={{ fontWeight: 'bold' }}>
-              {i18n.translate('core.ui.primaryNav.workspacePickerMenu.workspaceList', {
-                defaultMessage: 'Workspaces',
-              })}
+            <EuiText>
+              <strong>
+                {i18n.translate('core.ui.primaryNav.workspacePickerMenu.workspaceList', {
+                  defaultMessage: 'Workspaces',
+                })}
+              </strong>
             </EuiText>
           ),
           icon: 'folderClosed',