diff --git a/shell/app/config-page/components/api-editor/api-editor.scss b/shell/app/config-page/components/api-editor/api-editor.scss
index 0df215f023..daf8605e76 100644
--- a/shell/app/config-page/components/api-editor/api-editor.scss
+++ b/shell/app/config-page/components/api-editor/api-editor.scss
@@ -276,8 +276,8 @@
 
     .ace_gutter {
       width: 48px;
-      padding-right: 13px;
-      padding-left: 19px;
+      padding-right: 8px;
+      padding-left: 8px;
     }
 
     &.ace_show_gutter .ace_line {
diff --git a/shell/app/config-page/components/bubble-graph/index.tsx b/shell/app/config-page/components/bubble-graph/index.tsx
index 0b2e831e21..c8350d84a3 100644
--- a/shell/app/config-page/components/bubble-graph/index.tsx
+++ b/shell/app/config-page/components/bubble-graph/index.tsx
@@ -170,7 +170,7 @@ const CP_BubbleGraph: React.FC<CP_BUBBLE_GRAPH.Props> = (props) => {
         {option.series.length && option.yAxis.length ? (
           <Echarts onEvents={onEvents} option={option} style={style} />
         ) : (
-          <EmptyHolder relative />
+          <EmptyHolder relative style={{ height: 170 }} />
         )}
       </div>
     </div>
diff --git a/shell/app/config-page/components/line-graph/index.tsx b/shell/app/config-page/components/line-graph/index.tsx
index 57f5dce339..66196d80d6 100644
--- a/shell/app/config-page/components/line-graph/index.tsx
+++ b/shell/app/config-page/components/line-graph/index.tsx
@@ -224,7 +224,7 @@ const LineGraph: React.FC<CP_LINE_GRAPH.Props> = (props) => {
             }}
           />
         ) : (
-          <EmptyHolder relative />
+          <EmptyHolder relative style={{ height: 170 }} />
         )}
       </div>
     </div>
diff --git a/shell/app/modules/application/pages/pipeline/index.tsx b/shell/app/modules/application/pages/pipeline/index.tsx
index 072a171b11..75d1a2fd10 100644
--- a/shell/app/modules/application/pages/pipeline/index.tsx
+++ b/shell/app/modules/application/pages/pipeline/index.tsx
@@ -50,9 +50,8 @@ const AppPipeline = () => {
         type="info"
         message={
           <span>
-            {i18n.s(
-              'The new pipeline page is in the trial stage, and you can still manually switch to the old version for use.',
-              'dop',
+            {i18n.t(
+              'dop:The new pipeline page is in the trial stage, and you can still manually switch to the old version for use.',
             )}
             <span
               onClick={() => {
@@ -60,7 +59,7 @@ const AppPipeline = () => {
               }}
               className="text-purple-deep cursor-pointer"
             >
-              {i18n.s('Switch to old version', 'dop')}
+              {i18n.t('dop:Switch to old version')}
             </span>
           </span>
         }
diff --git a/shell/app/modules/application/pages/pipeline/obsoleted-pipeline.tsx b/shell/app/modules/application/pages/pipeline/obsoleted-pipeline.tsx
index 673c85e77f..44fd20e53a 100644
--- a/shell/app/modules/application/pages/pipeline/obsoleted-pipeline.tsx
+++ b/shell/app/modules/application/pages/pipeline/obsoleted-pipeline.tsx
@@ -24,9 +24,8 @@ const Pipeline = () => {
         type="info"
         message={
           <span className="">
-            {i18n.s(
-              'The new pipeline page is in the trial stage, you can manually switch to the new version to experience.',
-              'dop',
+            {i18n.t(
+              'dop:The new pipeline page is in the trial stage, you can manually switch to the new version to experience.',
             )}
             <span
               onClick={() => {
@@ -34,7 +33,7 @@ const Pipeline = () => {
               }}
               className="text-purple-deep cursor-pointer"
             >
-              {i18n.s('Try it right now', 'dop')}
+              {i18n.t('dop:Try it right now')}
             </span>
           </span>
         }
diff --git a/shell/app/modules/project/common/components/issue/edit-issue-drawer/index.tsx b/shell/app/modules/project/common/components/issue/edit-issue-drawer/index.tsx
index 05c1a6a72c..6cd89158f6 100644
--- a/shell/app/modules/project/common/components/issue/edit-issue-drawer/index.tsx
+++ b/shell/app/modules/project/common/components/issue/edit-issue-drawer/index.tsx
@@ -715,7 +715,7 @@ export const EditIssueDrawer = (props: IProps) => {
       confirmCloseTip={
         isEditMode
           ? isContentChanged
-            ? i18n.s('The edit data will be lost if closed. Continue?', 'dop')
+            ? i18n.t('dop:The edit data will be lost if closed. Continue?')
             : undefined
           : i18n.t('dop:The new data will be lost if closed. Continue?')
       }
diff --git a/shell/app/modules/project/common/components/issue/issue-config.tsx b/shell/app/modules/project/common/components/issue/issue-config.tsx
index 232f40902c..0592c562df 100644
--- a/shell/app/modules/project/common/components/issue/issue-config.tsx
+++ b/shell/app/modules/project/common/components/issue/issue-config.tsx
@@ -303,7 +303,7 @@ export const EDIT_PROPS = {
     contentLabel: i18n.t('dop:task description'),
   },
   [ISSUE_TYPE.BUG]: {
-    titlePlaceHolder: i18n.s('input the bug name', 'dop'),
+    titlePlaceHolder: i18n.t('dop:input the bug name'),
     contentLabel: i18n.t('dop:Description'),
   },
   [ISSUE_TYPE.TICKET]: {
diff --git a/shell/app/modules/project/common/components/pipeline-new/detail/info.tsx b/shell/app/modules/project/common/components/pipeline-new/detail/info.tsx
index c8306f7f3e..364ecb05c2 100644
--- a/shell/app/modules/project/common/components/pipeline-new/detail/info.tsx
+++ b/shell/app/modules/project/common/components/pipeline-new/detail/info.tsx
@@ -70,7 +70,7 @@ const Info = (props: IProps) => {
       },
     },
     {
-      label: i18n.s('Owner', 'dop'),
+      label: i18n.t('dop:Owner'),
       valueKey: 'owner',
       valueItem: ({ value: val }: { value: string }) => {
         const curUser = userMap[val];
diff --git a/shell/app/modules/project/common/components/pipeline-new/form.tsx b/shell/app/modules/project/common/components/pipeline-new/form.tsx
index 6fc107b728..ed58c9b1fa 100644
--- a/shell/app/modules/project/common/components/pipeline-new/form.tsx
+++ b/shell/app/modules/project/common/components/pipeline-new/form.tsx
@@ -281,7 +281,7 @@ const PipelineForm = ({ onCancel, pipelineCategory, onOk, data: editData, fixedA
       },
     },
     {
-      label: i18n.s('default pipeline', 'dop'),
+      label: i18n.t('dop:default pipeline'),
       name: 'isDefault',
       type: 'switch',
       itemProps: {
@@ -302,7 +302,7 @@ const PipelineForm = ({ onCancel, pipelineCategory, onOk, data: editData, fixedA
       },
     },
     {
-      label: i18n.s('pipeline name', 'dop'),
+      label: i18n.t('dop:pipeline name'),
       name: 'pipelineName',
       itemProps: {
         disabled: disabledName,
@@ -314,14 +314,13 @@ const PipelineForm = ({ onCancel, pipelineCategory, onOk, data: editData, fixedA
             let errMsg;
             if (value) {
               if (!value.endsWith('.yml')) {
-                errMsg = i18n.s('pipeline name must end with .yml', 'dop');
+                errMsg = i18n.t('dop:pipeline name must end with .yml');
               } else if (
                 pipelineCategoryKey === 'others' &&
                 ['pipeline.yml', 'ci-artifact.yml', 'combine-artifact.yml', 'integration.yml'].includes(value)
               ) {
-                errMsg = i18n.s(
-                  'can not be special name：pipeline.yml, ci-artifact.yml, combine-artifact.yml, integration.yml',
-                  'dop',
+                errMsg = i18n.t(
+                  'dop:can not be special name：pipeline.yml, ci-artifact.yml, combine-artifact.yml, integration.yml',
                 );
               }
             }
@@ -535,7 +534,7 @@ const PipelineForm = ({ onCancel, pipelineCategory, onOk, data: editData, fixedA
                               treeTitle ? 'text-default-8' : 'text-default-4'
                             } h-[32px] rounded bg-default-06 w-full px-3 py-[5px]`}
                           >
-                            {treeTitle || (curApp ? i18n.s('Please choose a pipeline', 'dop') : '')}
+                            {treeTitle || (curApp ? i18n.t('dop:Please choose a pipeline') : '')}
                           </div>
                         </div>
                       );
diff --git a/shell/app/modules/project/common/components/pipeline-new/list.tsx b/shell/app/modules/project/common/components/pipeline-new/list.tsx
index d17bed3c0d..b807b07eb1 100644
--- a/shell/app/modules/project/common/components/pipeline-new/list.tsx
+++ b/shell/app/modules/project/common/components/pipeline-new/list.tsx
@@ -169,15 +169,15 @@ const PipelineProtocol = React.forwardRef(
       },
       { title: i18n.t('dop:branch'), dataIndex: 'branch' },
       {
-        title: i18n.s('Trigger infor', 'dop'),
+        title: i18n.t('dop:Trigger infor'),
         dataIndex: 'executor',
         render: (val: string, record: PipelineRecord) => {
           const { triggerMode } = record;
           const { nick, name } = userMap[val] || {};
           const text =
             triggerMode === 'cron'
-              ? i18n.s('automatic execution', 'dop')
-              : `${nick || name || i18n.t('common:None')} ${i18n.s('manually execution', 'dop')}`;
+              ? i18n.t('dop:automatic execution')
+              : `${nick || name || i18n.t('common:None')} ${i18n.t('dop:manually execution')}`;
           return text;
         },
       },
@@ -423,7 +423,7 @@ const PipelineProtocol = React.forwardRef(
                                   }
                                 }}
                               >
-                                {i18n.s('Check more records', 'dop')}
+                                {i18n.t('dop:Check more records')}
                               </span>
                             </div>
                           ) : null}
@@ -433,7 +433,7 @@ const PipelineProtocol = React.forwardRef(
                       <div className="flex-h-center group text-sm cursor-pointer">
                         <Badge
                           showDot={false}
-                          text={isLatestPipeline ? i18n.s('newest', 'dop') : i18n.s('history', 'dop')}
+                          text={isLatestPipeline ? i18n.t('dop:newest') : i18n.t('dop:history')}
                           status={isLatestPipeline ? 'processing' : 'warning'}
                           className="mr-1"
                         />
diff --git a/shell/app/modules/project/common/components/pipeline-new/record-detail.tsx b/shell/app/modules/project/common/components/pipeline-new/record-detail.tsx
index 1453c428e8..1c618c14b5 100644
--- a/shell/app/modules/project/common/components/pipeline-new/record-detail.tsx
+++ b/shell/app/modules/project/common/components/pipeline-new/record-detail.tsx
@@ -122,7 +122,7 @@ const Info = ({ appId }: { appId: string }) => {
           )}
           <Col span={12}>
             {ownerName ? <Avatar name={ownerName} showName className="mb-1" size={20} /> : '-'}
-            <div className="info-label">{i18n.s('Owner', 'dop')}：</div>
+            <div className="info-label">{i18n.t('dop:Owner')}：</div>
           </Col>
         </Row>
         <div className="trigger-btn" onClick={toggleExpandInfo}>
diff --git a/shell/app/modules/project/common/components/workflow/add-flow.tsx b/shell/app/modules/project/common/components/workflow/add-flow.tsx
index 736b7dda8f..96e3b07bf5 100644
--- a/shell/app/modules/project/common/components/workflow/add-flow.tsx
+++ b/shell/app/modules/project/common/components/workflow/add-flow.tsx
@@ -89,7 +89,7 @@ const AddFlow: React.FC<IProps> = ({ onAdd, issueId, flow, children }) => {
                     <Badge
                       size="small"
                       showDot={false}
-                      text={i18n.s('exist', 'dop')}
+                      text={i18n.t('dop:exist')}
                       status={'success'}
                       className="mr-1"
                     />
diff --git a/shell/app/modules/project/common/issue-config.ts b/shell/app/modules/project/common/issue-config.ts
index f47111cfc5..21d21ad8dd 100644
--- a/shell/app/modules/project/common/issue-config.ts
+++ b/shell/app/modules/project/common/issue-config.ts
@@ -80,7 +80,7 @@ export const EDIT_PROPS = {
     contentLabel: i18n.t('dop:task description'),
   },
   [ISSUE_TYPE.BUG]: {
-    titlePlaceHolder: i18n.s('input the bug name', 'dop'),
+    titlePlaceHolder: i18n.t('dop:input the bug name'),
     contentLabel: i18n.t('dop:Description'),
   },
   [ISSUE_TYPE.TICKET]: {
diff --git a/shell/app/modules/project/pages/deploy/index.tsx b/shell/app/modules/project/pages/deploy/index.tsx
index 225b2daea8..2aa41fc213 100644
--- a/shell/app/modules/project/pages/deploy/index.tsx
+++ b/shell/app/modules/project/pages/deploy/index.tsx
@@ -340,9 +340,8 @@ const DeployContent = ({
                 type="info"
                 message={
                   <span>
-                    {i18n.s(
-                      'Current environment only supports {supportedBranches} branch for deployment, and there are no restrictions on product deployment. For detailed settings, please refer to Project Settings-R&D Workflow Settings',
-                      'dop',
+                    {i18n.t(
+                      'dop:Current environment only supports {supportedBranches} branch for deployment, and there are no restrictions on product deployment. For detailed settings, please refer to Project Settings-R&D Workflow Settings',
                       { supportedBranches, interpolation: { escapeValue: false } },
                     )}
                   </span>
diff --git a/shell/app/modules/project/router.tsx b/shell/app/modules/project/router.tsx
index 5db83f06cd..be9c2adb24 100755
--- a/shell/app/modules/project/router.tsx
+++ b/shell/app/modules/project/router.tsx
@@ -64,7 +64,7 @@ function getProjectRouter(): RouteConfigItem[] {
           routes: [
             {
               path: 'records',
-              breadcrumbName: i18n.s('Workflow Records', 'dop'),
+              breadcrumbName: i18n.t('dop:Workflow Records'),
               getComp: (cb) => cb(import('project/pages/flow/records')),
             },
           ],