diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index 2f2fbed..72fe07b 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -577,7 +577,7 @@ export function DetailPageHeader({ data }: { data: any }) {
                   </button>
 
                   {showDownloadBar && (
-                    <div className="w-[20px] h-[4px] bg-gray-200 rounded overflow-hidden mt-1">
+                    <div className="w-full h-[4px] bg-gray-200 rounded overflow-hidden mt-1">
                       <div
                         className="h-full bg-blue-500 transition-all duration-300"
                         style={{ width: `${downloadPercent}%` }}