fix: sidescrolling

src/app/app.component.less

@@ -1,11 +1,20 @@
+html, body{
+    max-width: 100%;
+    overflow-x: hidden;
+}
 *{
     text-align: center;
 }
 .custom-table {
     //table-layout: fixed;
-    width: 100%; /* Or a specific max-width */
+    max-width: 100%;
+}
+tr{
+    padding-right: .2em;
+    background-color: red;
+    color: red;
 }
 .wrap-cell{
-    word-break: break-word;
+    word-break: break-all;
     white-space: normal;
 }

src/styles.less

@@ -1,4 +1,12 @@
 /* You can add global styles to this file, and also import other style files */
 
-html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+html, body {
+    height: 100%;
+    max-width: 100%;
+    overflow-x: hidden;
+    text-align: center;
+}
+body {
+    margin: 0;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+}