diff --git a/app/components/FileUploadComponent.tsx b/app/components/FileUploadComponent.tsx
index fed5d49..5269179 100644
--- a/app/components/FileUploadComponent.tsx
+++ b/app/components/FileUploadComponent.tsx
@@ -62,7 +62,7 @@ export const FileUploadComponent = ({
 
           <div className="p-4 sm:p-6">
             {/* Zone de texte avec limite de hauteur et scroll */}
-            <div className="bg-gray-50 border border-gray-200 rounded-lg p-3 sm:p-4 max-h-48 overflow-y-auto">
+            <div className="bg-gray-50 border border-gray-200 rounded-lg p-3 sm:p-4 max-h-48 overflow-y-auto overflow-x-hidden">
               {isLoadingFile ? (
                 <div className="flex items-center justify-center py-8">
                   <div className="flex items-center space-x-3">
@@ -73,7 +73,7 @@ export const FileUploadComponent = ({
                   </div>
                 </div>
               ) : (
-                <pre className="text-xs sm:text-sm text-gray-700 whitespace-pre-wrap font-mono">
+                <pre className="text-xs sm:text-sm text-gray-700 whitespace-pre-wrap font-mono break-words overflow-wrap-anywhere">
                   {sourceText || "Aucun contenu à afficher"}
                 </pre>
               )}
diff --git a/app/components/ResultPreviewComponent.tsx b/app/components/ResultPreviewComponent.tsx
index 0cf21e7..7ba863c 100644
--- a/app/components/ResultPreviewComponent.tsx
+++ b/app/components/ResultPreviewComponent.tsx
@@ -35,10 +35,11 @@ export const ResultPreviewComponent = ({
           <button
             onClick={downloadText}
             disabled={!outputText}
-            className="p-2 text-[#092727] hover:text-[#f7ab6e] disabled:opacity-50"
+            className="bg-[#f7ab6e] hover:bg-[#f7ab6e]/90 disabled:opacity-50 disabled:cursor-not-allowed text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-300 flex items-center space-x-2"
             title="Télécharger"
           >
             <Download className="h-4 w-4" />
+            <span>Télécharger</span>
           </button>
         </div>
       </div>
diff --git a/app/layout.tsx b/app/layout.tsx
index f00a4be..2262e6d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -25,7 +25,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased w-screen bg-white`}
+        className={`${geistSans.variable} ${geistMono.variable} antialiased bg-white`}
       >
         {children}
       </body>
diff --git a/app/page.tsx b/app/page.tsx
index 5f6f578..6a1d2bb 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -67,7 +67,7 @@ export default function Home() {
   const { copyToClipboard, downloadText } = useDownloadActions({ outputText });
 
   return (
-    <div className="min-h-screen  w-full">
+    <div className="min-h-screen  w-full overflow-hidden">
       {/* Header */}
       <div className="text-[#092727]  border-opacity-20">
         <div className="max-w-6xl mx-auto px-2 sm:px-4 py-6 sm:py-8">
