diff --git a/src/components/update/Progress/index.tsx b/src/components/update/Progress/index.tsx
index 24e0122..de018e8 100644
--- a/src/components/update/Progress/index.tsx
+++ b/src/components/update/Progress/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import'./progress.css'
+import './progress.css'
 
 const Progress: React.FC<React.PropsWithChildren<{
   percent?: number
@@ -11,10 +11,10 @@ const Progress: React.FC<React.PropsWithChildren<{
       <div className='update-progress-pr'>
         <div
           className='update-progress-rate'
-          style={{ width: `${percent}%` }}
+          style={{ width: `${3 * percent}px` }}
         />
       </div>
-      <span className='update-progress-num '>{(percent ?? 0).toString().substring(0,4)}%</span>
+      <span className='update-progress-num '>{(percent ?? 0).toString().substring(0, 4)}%</span>
     </div>
   )
 }
diff --git a/src/components/update/Progress/progress.css b/src/components/update/Progress/progress.css
index f91889a..2cef7c1 100644
--- a/src/components/update/Progress/progress.css
+++ b/src/components/update/Progress/progress.css
@@ -6,7 +6,7 @@
     border: 1px solid #000;
     border-radius: 3px;
     height: 6px;
-    width: 200px;
+    width: 300px;
   }
 
   .update-progress-rate {