diff --git a/apps/www/components/Blog/BlogPostRenderer.tsx b/apps/www/components/Blog/BlogPostRenderer.tsx
index 0e838af8213..f923dd1ac6a 100644
--- a/apps/www/components/Blog/BlogPostRenderer.tsx
+++ b/apps/www/components/Blog/BlogPostRenderer.tsx
@@ -109,7 +109,7 @@ const BlogPostRenderer = async ({
            */}
           <div className="flex justify-center lg:grid grid-cols-12 gap-x-8">
             {/* Main container — indented 1 col at lg, alongside back button at xl */}
-            <div className="max-w-[65ch] lg:max-w-none col-span-12 lg:col-start-2 lg:col-span-10 xl:col-start-2 xl:col-span-11">
+            <div className="min-w-0 w-full max-w-[65ch] lg:max-w-none col-span-12 lg:col-start-2 lg:col-span-10 xl:col-start-2 xl:col-span-11">
               {/* Article header — spans the full main container width */}
               <div className="py-8 md:py-12 space-y-4">
                 <div className="flex items-center gap-1.5 text-foreground-lighter text-sm">
@@ -202,7 +202,7 @@ const BlogPostRenderer = async ({
                   )}
 
                   <article>
-                    <div className="prose prose-docs">
+                    <div className="prose prose-docs wrap-break-word">
                       {blogMetaData.youtubeHero ? (
                         <iframe
                           title="YouTube video player"
diff --git a/apps/www/components/ScrollProgress.tsx b/apps/www/components/ScrollProgress.tsx
index 99ec261d1c2..f83809715a8 100644
--- a/apps/www/components/ScrollProgress.tsx
+++ b/apps/www/components/ScrollProgress.tsx
@@ -33,9 +33,9 @@ const ScrollProgress = () => {
   let isActive = progressPercentage <= 100
 
   return (
-    <div className="h-[2px] w-full flex justify-start relative">
+    <div className="relative h-[2px] w-full overflow-hidden">
       <div
-        className="h-full top-0 bottom-0 right-0 absolute w-screen bg-brand will-change-transform transition-opacity"
+        className="absolute inset-y-0 left-0 right-0 h-full bg-brand will-change-transform transition-opacity"
         style={{
           display: isActive ? 'absolute' : 'relative',
           transform: `translate3d(${isActive ? progressPercentage - 100 + '%' : '0'},0,0)`,