OO-4424: make the word wrap at every level to prevent flickering

src/main/webapp/static/themes/light/modules/_qti21.scss

@@ -1201,22 +1201,24 @@ table.o_qti_item_kprim {
 		padding: 0.1em 0;
 	    a {
 	    	color : $o-qti-menu-link-color;
+			overflow-wrap: break-word;
 	    	&:hover,
 			&:focus {
 				color: $o-qti-menu-link-hover-color;
+				overflow-wrap: break-word;
 			}
 	    }
 		&.active a {
 			color : $o-qti-menu-link-active-color; 
+			font-weight: $o-qti-menu-link-active-font-weight;
+			overflow-wrap: break-word;
 			&:hover,
 			&:focus {
 				color: $o-qti-menu-link-active-hover-color; 
 				background-color : $o-qti-menu-link-active-hover-bg;
+				overflow-wrap: break-word;
 			}
-			font-weight: $o-qti-menu-link-active-font-weight;
 		}
-
-
 		
 		span {
 			vertical-align: middle;