diff --git a/app/ClientLayout.js b/app/ClientLayout.js
index f46466d..92cd4b4 100644
--- a/app/ClientLayout.js
+++ b/app/ClientLayout.js
@@ -725,7 +725,7 @@ export default function ClientLayout({ children }) {
       )}
 
       <main
-            className={`${!isAuthPage && !isProfilePage && !isAuthenticated ? "pt-20" : ""} flex-1 flex flex-col bg-gray-50 ${currentLanguage === "ar" ? "text-right" : "text-left"}`}
+            className={`${!isAuthPage && !isProfilePage && !isAuthenticated ? "pt-20" : ""} flex-1 flex flex-col bg-gray-50 overflow-x-hidden ${currentLanguage === "ar" ? "text-right" : "text-left"}`}
           >
             {!isAuthPage && (
               <div className="flex items-center justify-between px-4 py-2 border-b border-gray-200 bg-gray-50/90 backdrop-blur-sm">