diff --git a/web/package.json b/web/package.json
index eb40495c89..428ab989f2 100644
--- a/web/package.json
+++ b/web/package.json
@@ -23,6 +23,7 @@
     "ansi_up": "^6.0.0",
     "dayjs": "^1.11.9",
     "fuse.js": "^7.0.0",
+    "js-base64": "^3.7.5",
     "lodash": "^4.17.21",
     "node-emoji": "^2.0.0",
     "pinia": "^2.1.4",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 82731c6447..3f2aabb361 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -26,6 +26,9 @@ dependencies:
   fuse.js:
     specifier: ^7.0.0
     version: 7.0.0
+  js-base64:
+    specifier: ^3.7.5
+    version: 3.7.5
   lodash:
     specifier: ^4.17.21
     version: 4.17.21
@@ -2743,6 +2746,10 @@ packages:
     hasBin: true
     dev: true
 
+  /js-base64@3.7.5:
+    resolution: {integrity: sha512-3MEt5DTINKqfScXKfJFrRbxkrnk2AxPWGBL/ycjz4dK8iqiSJ06UxD8jh8xuh6p10TX4t2+7FsBYVxxQbMg+qA==}
+    dev: false
+
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
     dev: true
diff --git a/web/src/views/repo/pipeline/PipelineConfig.vue b/web/src/views/repo/pipeline/PipelineConfig.vue
index b76b068ad0..bcc98204c4 100644
--- a/web/src/views/repo/pipeline/PipelineConfig.vue
+++ b/web/src/views/repo/pipeline/PipelineConfig.vue
@@ -13,6 +13,7 @@
 </template>
 
 <script lang="ts" setup>
+import { decode } from 'js-base64';
 import { inject, onMounted, Ref, ref, watch } from 'vue';
 
 import SyntaxHighlight from '~/components/atomic/SyntaxHighlight';
@@ -35,7 +36,7 @@ async function loadPipelineConfig() {
 
   pipelineConfigs.value = (await apiClient.getPipelineConfig(repo.value.id, pipeline.value.number)).map((i) => ({
     ...i,
-    data: atob(i.data),
+    data: decode(i.data),
   }));
 }