diff --git a/projects/common/components/compound-elements/likert/likert-radio-button-group.component.ts b/projects/common/components/compound-elements/likert/likert-radio-button-group.component.ts
index dabed44d605b694e82df2df6f6ebce5326e505a2..a73d30e4f01f87dae638c928edb3e78693e4064d 100644
--- a/projects/common/components/compound-elements/likert/likert-radio-button-group.component.ts
+++ b/projects/common/components/compound-elements/likert/likert-radio-button-group.component.ts
@@ -48,14 +48,14 @@ import { LikertRowElement } from 'common/models/elements/compound-elements/liker
       box-sizing: border-box;
       display: flex;
       flex-direction: row;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
     .fx-column-start-stretch {
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
   `]
diff --git a/projects/common/components/input-elements/drop-list.component.ts b/projects/common/components/input-elements/drop-list.component.ts
index 0b0e1702a6af134c9653fa94805fdcdd0911f5bd..709e44afbb22468a861cabf69311b7a1872de544 100644
--- a/projects/common/components/input-elements/drop-list.component.ts
+++ b/projects/common/components/input-elements/drop-list.component.ts
@@ -118,7 +118,7 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     ':not(.cloze-context) .list-item.text-list-item {padding: 10px;}',
     '.cloze-context .list-item.text-list-item {padding: 0 5px;}',
     '.cloze-context.only-one-item .list-item {height: 100%; display: flex; align-items: center; justify-content: center;}',
-    '.image-list-item {align-self: start;}',
+    '.image-list-item {align-self: flex-start;}',
     '.hide-list-item {display: none !important; transform: unset !important;}',
     '.cdk-drag-preview {border-radius: 5px; box-shadow: 2px 2px 5px black;}',
     '.cdk-drag-preview.text-preview {padding: 10px; box-sizing: border-box;}',
diff --git a/projects/common/components/input-elements/radio-button-group.component.ts b/projects/common/components/input-elements/radio-button-group.component.ts
index e141cf346c790de401048a9368240f7ce50469ea..6215d6da2517f9cf4f54c4ca918e33886840070a 100644
--- a/projects/common/components/input-elements/radio-button-group.component.ts
+++ b/projects/common/components/input-elements/radio-button-group.component.ts
@@ -69,14 +69,14 @@ import { FormElementComponent } from '../../directives/form-element-component.di
       box-sizing: border-box;
       display: flex;
       flex-direction: row;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
     .fx-column-start-stretch {
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
   `]
diff --git a/projects/common/components/input-elements/spell-correct.component.ts b/projects/common/components/input-elements/spell-correct.component.ts
index c2352618c1e5ce8d75556902e37032c2713b6b67..12d08d58bc9bdd78a7c5ce93bc9d55605e59edc9 100644
--- a/projects/common/components/input-elements/spell-correct.component.ts
+++ b/projects/common/components/input-elements/spell-correct.component.ts
@@ -74,7 +74,7 @@ import { TextInputComponent } from 'common/directives/text-input-component.direc
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
   `]
diff --git a/projects/editor/src/app/components/canvas/canvas.component.ts b/projects/editor/src/app/components/canvas/canvas.component.ts
index 7695b93bb3da2aca825d9cee1f1169958dcee1c9..dd3ac25804f1a433b9ecdd53f5ea363390cfc63d 100644
--- a/projects/editor/src/app/components/canvas/canvas.component.ts
+++ b/projects/editor/src/app/components/canvas/canvas.component.ts
@@ -38,14 +38,14 @@ import { SectionDynamicComponent } from './section-dynamic.component';
       display: none !important;
     }
     .fx-flex {
-        flex: 1 1 0%;
+        flex: 1 1 0;
         box-sizing: border-box;
     }
     .fx-column-start-stretch {
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
   `]
diff --git a/projects/editor/src/app/components/canvas/section-menu.component.ts b/projects/editor/src/app/components/canvas/section-menu.component.ts
index 9a15ff9ebac194fd85c83d4e7934480ea5cedd62..08627ba8fef596ddf5ce918dd02d176203f2c03e 100644
--- a/projects/editor/src/app/components/canvas/section-menu.component.ts
+++ b/projects/editor/src/app/components/canvas/section-menu.component.ts
@@ -202,7 +202,7 @@ import { SelectionService } from '../../services/selection.service';
       padding: 0 15px; width: 250px;
     }
     ::ng-deep .layoutMenu fieldset {
-      margin: 10px 0; display: flex; flex-direction: column; align-items: start;
+      margin: 10px 0; display: flex; flex-direction: column; align-items: flex-start;
     }
     ::ng-deep .layoutMenu .section-height-input {
       margin-top: 10px;
@@ -223,7 +223,7 @@ import { SelectionService } from '../../services/selection.service';
       box-sizing: border-box;
       display: flex;
       flex-direction: row;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
   `]
diff --git a/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts
index 11c276f0bceecc93b4c5f23cf1658a0476c8c9b9..84809fce3fc446b7d2fb9c3b5b1f374a1a02e2ad 100644
--- a/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts
+++ b/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts
@@ -37,7 +37,7 @@ import { DragNDropValueObject } from 'common/models/elements/element';
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
   `]
diff --git a/projects/editor/src/app/components/dialogs/geogebra-app-definition-dialog.component.ts b/projects/editor/src/app/components/dialogs/geogebra-app-definition-dialog.component.ts
index 2bdf229d853d1145f298fa6c9c42b2456765c7b9..2d0b7bb9faaf7332c60e0eeccb7dc72798947e09 100644
--- a/projects/editor/src/app/components/dialogs/geogebra-app-definition-dialog.component.ts
+++ b/projects/editor/src/app/components/dialogs/geogebra-app-definition-dialog.component.ts
@@ -43,7 +43,7 @@ import { MatDialogRef } from '@angular/material/dialog';
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
   `]
diff --git a/projects/editor/src/app/components/dialogs/hotspot-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/hotspot-edit-dialog.component.ts
index 447fb7bd51a41d09f0814f2956768f9e7147ac1f..fbe3e5245594c9f6df45f815c1ec7225d2cb8d4e 100644
--- a/projects/editor/src/app/components/dialogs/hotspot-edit-dialog.component.ts
+++ b/projects/editor/src/app/components/dialogs/hotspot-edit-dialog.component.ts
@@ -93,7 +93,7 @@ import { Hotspot } from 'common/models/elements/element';
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
 
@@ -101,7 +101,7 @@ import { Hotspot } from 'common/models/elements/element';
       box-sizing: border-box;
       display: flex;
       flex-direction: row;
-      justify-content: start;
+      justify-content: flex-start;
       align-items: stretch;
     }
 
diff --git a/projects/editor/src/app/components/new-ui-element-panel/ui-element-toolbox.component.css b/projects/editor/src/app/components/new-ui-element-panel/ui-element-toolbox.component.css
index 2add8bcc2fa59ce383ac165394eb10d4974336d6..414b69eb50059a010e93cbcc388b103192cecd34 100644
--- a/projects/editor/src/app/components/new-ui-element-panel/ui-element-toolbox.component.css
+++ b/projects/editor/src/app/components/new-ui-element-panel/ui-element-toolbox.component.css
@@ -30,6 +30,6 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: stretch;
 }
diff --git a/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css b/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css
index 2f6ad7216ebc7b5b1815a7e3d65ad258a6b3d75b..87cdbcef815a01e8cf13f9b0202d07940f51ea2e 100644
--- a/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css
+++ b/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css
@@ -39,7 +39,7 @@ mat-tab-group {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: stretch;
 }
 
diff --git a/projects/editor/src/app/components/properties-panel/model-properties-tab/element-model-properties.component.css b/projects/editor/src/app/components/properties-panel/model-properties-tab/element-model-properties.component.css
index 5b88bc5b96ef0307af5c7d77c3f20db11bc364a0..912616050ac35ae8e9b4d8edc39c9a6e12771d91 100644
--- a/projects/editor/src/app/components/properties-panel/model-properties-tab/element-model-properties.component.css
+++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/element-model-properties.component.css
@@ -37,7 +37,7 @@ button:not(.media-src-button):not(.mat-mini-fab):not(.mat-icon-button) {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: stretch;
 }
 
@@ -46,5 +46,5 @@ button:not(.media-src-button):not(.mat-mini-fab):not(.mat-icon-button) {
 }
 
 .fx-align-self-start {
-  align-self: start;
+  align-self: flex-start;
 }
diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.css b/projects/editor/src/app/components/unit-view/unit-view.component.css
index 016915eccb485034508dd059d639c7dff41cf539..50c3b9203276b6c124d289f58656c68e4f646cd3 100644
--- a/projects/editor/src/app/components/unit-view/unit-view.component.css
+++ b/projects/editor/src/app/components/unit-view/unit-view.component.css
@@ -27,7 +27,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: stretch;
 }
 
@@ -35,7 +35,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: stretch;
 }
 
diff --git a/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.scss b/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.scss
index 16518f1edf8b00bf32a1a877c574e97e9393e094..93534b59bd644c43a3c786a462001b8fc9a2236f 100644
--- a/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.scss
+++ b/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.scss
@@ -6,7 +6,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: stretch;
 }
 
@@ -14,7 +14,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
-  justify-content: start;
+  justify-content: flex-start;
   align-items: stretch;
 }