diff --git a/src/renderer/index.html b/src/renderer/index.html
index 19a44594df..973a6656c8 100644
--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@@ -1,42 +1,43 @@
 <!doctype html>
 <html lang="zh-CN">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="initial-scale=1, width=device-width" />
-    <meta
-      http-equiv="Content-Security-Policy"
-      content="default-src 'self'; connect-src blob: *; script-src 'self' 'unsafe-eval' *; worker-src 'self' blob:; style-src 'self' 'unsafe-inline' *; font-src 'self' data: *; img-src 'self' data: file: * blob:; frame-src * file:" />
-    <title>Cherry Studio</title>
 
-    <style>
-      html,
-      body {
-        margin: 0;
-      }
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="initial-scale=1, width=device-width" />
+  <meta http-equiv="Content-Security-Policy"
+    content="default-src 'self'; connect-src blob: *; script-src 'self' 'unsafe-eval' *; worker-src 'self' blob:; style-src 'self' 'unsafe-inline' *; font-src 'self' data: *; img-src 'self' data: file: * blob:; media-src blob: *; frame-src * file:" />
+  <title>Cherry Studio</title>
 
-      #spinner {
-        position: fixed;
-        width: 100vw;
-        height: 100vh;
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        display: none;
-      }
+  <style>
+    html,
+    body {
+      margin: 0;
+    }
 
-      #spinner img {
-        width: 100px;
-        border-radius: 50px;
-      }
-    </style>
-  </head>
+    #spinner {
+      position: fixed;
+      width: 100vw;
+      height: 100vh;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+      display: none;
+    }
 
-  <body>
-    <div id="root"></div>
-    <div id="spinner">
-      <img src="/src/assets/images/logo.png" />
-    </div>
-    <script type="module" src="/src/init.ts"></script>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+    #spinner img {
+      width: 100px;
+      border-radius: 50px;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="root"></div>
+  <div id="spinner">
+    <img src="/src/assets/images/logo.png" />
+  </div>
+  <script type="module" src="/src/init.ts"></script>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
\ No newline at end of file
