diff --git a/src/components/Layout.js b/src/components/Layout.js
index a42b3f05..c346c763 100755
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -295,7 +295,7 @@ const Layout = ({ children }) => {
       )}
 
       {/* Main Content */}
-      <div className="flex flex-1 pt-16 min-w-0 w-full max-w-full overflow-x-hidden">
+      <div className="flex flex-1 pt-16 min-w-0 w-full max-w-full">
         {/* Main Content Area */}
         <main className="flex-1 flex flex-col min-w-0 w-full max-w-full">
           {isToolPage && !isInvoicePreviewPage ? (
diff --git a/src/index.css b/src/index.css
index 926ed601..54ae1033 100755
--- a/src/index.css
+++ b/src/index.css
@@ -2,69 +2,75 @@
 @tailwind components;
 @tailwind utilities;
 
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap");
 
 @layer base {
-  html {
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    overflow-x: hidden;
-    width: 100%;
-    max-width: 100vw;
-  }
-  
-  body {
-    overflow-x: hidden;
-    width: 100%;
-    max-width: 100vw;
-  }
-  
-  #root {
-    overflow-x: hidden;
-    width: 100%;
-    max-width: 100vw;
-    min-width: 0;
-  }
-  
-  code, pre {
-    font-family: 'JetBrains Mono', Monaco, 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace;
-  }
+    html {
+        font-family:
+            system-ui,
+            -apple-system,
+            BlinkMacSystemFont,
+            "Segoe UI",
+            Roboto,
+            sans-serif;
+        width: 100%;
+        max-width: 100vw;
+    }
+
+    body {
+        width: 100%;
+        max-width: 100vw;
+    }
+
+    #root {
+        width: 100%;
+        max-width: 100vw;
+        min-width: 0;
+    }
+
+    code,
+    pre {
+        font-family:
+            "JetBrains Mono", Monaco, "Cascadia Code", "Segoe UI Mono",
+            "Roboto Mono", monospace;
+    }
 }
 
 @layer components {
-  .tool-card {
-    @apply bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6 hover:shadow-md transition-shadow duration-200;
-  }
-  
-  .tool-input {
-    @apply w-full p-3 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 font-mono text-sm resize-none focus:ring-2 focus:ring-primary-500 focus:border-transparent;
-  }
-  
-  .tool-button {
-    @apply px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white rounded-md font-medium transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-  
-  .tool-button-secondary {
-    @apply px-4 py-2 bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 rounded-md font-medium transition-colors duration-200;
-  }
-  
-  .tool-button-primary {
-    @apply flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md font-medium transition-colors duration-200;
-  }
-  
-  .toolbar-btn {
-    @apply p-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-md transition-colors duration-200 text-gray-700 dark:text-gray-300 font-medium text-sm;
-  }
-  
-  .copy-button {
-    @apply absolute top-2 right-2 p-2 bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-md transition-colors duration-200;
-  }
-  
-  .scrollbar-hide {
-    -ms-overflow-style: none;  /* Internet Explorer 10+ */
-    scrollbar-width: none;  /* Firefox */
-  }
-  
-  .scrollbar-hide::-webkit-scrollbar { 
-    display: none;  /* Safari and Chrome */
-  }
+    .tool-card {
+        @apply bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6 hover:shadow-md transition-shadow duration-200;
+    }
+
+    .tool-input {
+        @apply w-full p-3 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 font-mono text-sm resize-none focus:ring-2 focus:ring-primary-500 focus:border-transparent;
+    }
+
+    .tool-button {
+        @apply px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white rounded-md font-medium transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
+    }
+
+    .tool-button-secondary {
+        @apply px-4 py-2 bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 text-gray-700 dark:text-gray-300 rounded-md font-medium transition-colors duration-200;
+    }
+
+    .tool-button-primary {
+        @apply flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-md font-medium transition-colors duration-200;
+    }
+
+    .toolbar-btn {
+        @apply p-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-md transition-colors duration-200 text-gray-700 dark:text-gray-300 font-medium text-sm;
+    }
+
+    .copy-button {
+        @apply absolute top-2 right-2 p-2 bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 rounded-md transition-colors duration-200;
+    }
+
+    .scrollbar-hide {
+        -ms-overflow-style: none; /* Internet Explorer 10+ */
+        scrollbar-width: none; /* Firefox */
+    }
+
+    .scrollbar-hide::-webkit-scrollbar {
+        display: none; /* Safari and Chrome */
+    }
 }