diff --git a/docs/index.html b/docs/index.html
index aeab4d29..1f12b278 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -215,7 +215,7 @@
 
     <h3 class="section-header">All features:</h3>
     <hr/>
-    <ul class="text-left">
+    <ul class="text-start">
       <li>supported formats:
         <ul>
           <li>images: <strong>jpg, jpeg, jpe, webp, png, gif, svg</strong></li>
diff --git a/src/frontend/app/ui/admin/admin.component.html b/src/frontend/app/ui/admin/admin.component.html
index 3041ecd7..cbde817b 100644
--- a/src/frontend/app/ui/admin/admin.component.html
+++ b/src/frontend/app/ui/admin/admin.component.html
@@ -74,10 +74,10 @@
       <div class="col-md-2 ">
         <nav class="nav flex-column sticky-top">
           <div class="card">
-            <div class="card-body text-md-left text-center align-content-md-start align-content-center">
+            <div class="card-body text-md-start text-center align-content-md-start align-content-center">
               <h5 i18n="title of left card in settings page that contains settings contents" class="card-title">
                 Menu</h5>
-              <button class="btn btn-link nav-link  text-md-left py-md-1 px-md-0"
+              <button class="btn btn-link nav-link text-start py-md-1 px-md-0"
                       *ngFor="let s of contents; let i=index;"
                       (click)="scrollTo(i)"
                       [hidden]="!s.HasAvailableSettings">