overflow-wrap

src/app/components/shared/_dialogs/present-comment/present-comment.component.scss

@@ -8,7 +8,7 @@
   margin: 5%;
   white-space: pre-line;
   hyphens: auto;
-  word-wrap: break-word;
+  overflow-wrap: anywhere !important;
 }
 
 #comment p {

src/app/components/shared/comment/comment.component.scss

@@ -69,7 +69,7 @@ mat-card-content > :first-child {
   color: var(--on-surface);
   white-space: pre-line;
   hyphens: auto;
-  word-wrap: break-word;
+  overflow-wrap: anywhere !important;
 }
 
 .click {

src/app/components/shared/room-join/room-join.component.html

@@ -4,7 +4,6 @@
     <mat-form-field (keyup.enter)="onEnter()">
       <input
         id="session_id-input"
-        autocomplete="cc-number"
         matInput
         #roomId
         (focus)="eventService.makeFocusOnInputTrue()"

src/styles.scss

@@ -31,6 +31,10 @@ body{
   border-radius: 10px;
 }
 
+::-webkit-scrollbar-track-piece {
+  background-color: var(--dialog);
+}
+
 .dark {
   @include angular-material-theme($dark-theme);
 }