diff --git a/frontend/application/components/ProductPage.tsx b/frontend/application/components/ProductPage.tsx
index 98c35e9..2376caa 100644
--- a/frontend/application/components/ProductPage.tsx
+++ b/frontend/application/components/ProductPage.tsx
@@ -179,8 +179,8 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
   if (!product || !fullProduct || !calculation) return <div className="min-h-screen flex items-center justify-center">محصول یافت نشد</div>;
 
   return (
-    <div className="min-h-screen bg-medical-gray-50 pt-2 pb-32 sm:pb-20 px-4 md:px-0" dir="rtl">
-      <div className="max-w-7xl mx-auto">
+    <div className="min-h-screen bg-medical-gray-50 pt-2 pb-32 sm:pb-20 px-4 sm:px-6 md:px-8 font-vazir" dir="rtl">
+      <div className="max-w-7xl mx-auto w-full">
         {/* Breadcrumbs for Mobile and Desktop */}
         <nav className="flex items-center gap-2 text-xs md:text-sm font-semibold text-medical-gray-600 mb-6 md:mb-10 overflow-x-auto whitespace-nowrap py-3 border-b border-medical-gray-100 font-vazir scrollbar-thin scrollbar-thumb-medical-gray-200 scrollbar-track-transparent pr-1" dir="rtl">
           <button