diff --git a/packages/app/src/components/workspace-setting/general/general.tsx b/packages/app/src/components/workspace-setting/general/general.tsx
index b8ecd6fcd0..5d808d839f 100644
--- a/packages/app/src/components/workspace-setting/general/general.tsx
+++ b/packages/app/src/components/workspace-setting/general/general.tsx
@@ -140,7 +140,7 @@ export const GeneralPage = ({ workspace }: { workspace: Workspace }) => {
 
       <StyledSettingH2 marginTop={20}>Workspace Type</StyledSettingH2>
       <StyledSettingInputContainer>
-        {workspace.type}
+        <code>{workspace.type} </code>
       </StyledSettingInputContainer>
       <StyledDeleteButtonContainer>
         {isOwner ? (
diff --git a/packages/app/src/components/workspace-setting/workspace-setting.tsx b/packages/app/src/components/workspace-setting/workspace-setting.tsx
index f19a60bd6f..13180a5801 100644
--- a/packages/app/src/components/workspace-setting/workspace-setting.tsx
+++ b/packages/app/src/components/workspace-setting/workspace-setting.tsx
@@ -466,8 +466,8 @@ const SyncPage = ({ workspace }: { workspace: Workspace }) => {
           </>
         ) : (
           <StyledPublishExplanation>
-            {workspace.name} is Cloud Workspace. All data will be synchronized
-            and saved to the AFFiNE account
+            <code>{workspace.name}</code> is Cloud Workspace. All data will be
+            synchronized and saved to the AFFiNE account
             <div>
               <Menu
                 content={