Update app.py

app.py

@@ -68,22 +68,24 @@ view = gr.Interface(
 )
 view.css = """
 body {
-    margin: 0; /* Remove default body margins */
-    padding: 0; /* Remove default body padding */
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden; /* Prevent horizontal scrolling */
 }
 
 #output-box {
-    font-size: 40px; /* Adjust font size as needed */
-    line-height: 2; /* Optional: Adjust line height for readability */
-    border: 2px solid #ccc; /* Add a border around the box */
-    border-radius: 8px; /* Optional: Round the corners */
-    padding: 15px; /* Add some padding inside the box */
-    background-color: #f9f9f9; /* Light background for the box */
-    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
-    width: calc(100% - 30px); /* Ensure it spans full width with slight padding */
-    max-width: 600px; /* Limit the max width for readability */
-    margin: auto; /* Center align the box */
+    font-size: 40px;
+    line-height: 2;
+    border: 2px solid #ccc;
+    border-radius: 8px;
+    padding: 15px;
+    background-color: #f9f9f9;
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
+    width: calc(100% - 30px);
+    max-width: 600px;
+    margin: auto;
+    box-sizing: border-box; /* Ensure padding is included in width calculations */
+    overflow-wrap: break-word; /* Prevent content from overflowing horizontally */
+    word-wrap: break-word; /* Support for older browsers */
 }
 """
-
-view.launch()