diff --git a/src/LukeWebsite/static/js/duos.js b/src/LukeWebsite/static/js/duos.js
index 691ac0c..c5da3e6 100644
--- a/src/LukeWebsite/static/js/duos.js
+++ b/src/LukeWebsite/static/js/duos.js
@@ -106,11 +106,11 @@ $(function () {
                 },
                 {
                     targets: [1, 2, 3, 4],
-                    className: 'text-right'
+                    className: 'text-end'
                 },
                 {
                     targets: 5,
-                    className: 'text-right rightBorder leftBorder'
+                    className: 'text-end rightBorder leftBorder'
                 },
                 {
                     targets: [0],
diff --git a/src/LukeWebsite/static/js/lane_matchup.js b/src/LukeWebsite/static/js/lane_matchup.js
index 689c876..a69d182 100644
--- a/src/LukeWebsite/static/js/lane_matchup.js
+++ b/src/LukeWebsite/static/js/lane_matchup.js
@@ -162,11 +162,11 @@ $(function () {
                 },
                 {
                     targets: [1, 2, 3, 4],
-                    className: 'text-right'
+                    className: 'text-end'
                 },
                 {
                     targets: 5,
-                    className: 'text-right rightBorder'
+                    className: 'text-end rightBorder'
                 },
                 {
                     targets: [0, 5],
diff --git a/src/LukeWebsite/tenMans/templates/tenMans/duos.html b/src/LukeWebsite/tenMans/templates/tenMans/duos.html
index 5ce00c0..a709f37 100644
--- a/src/LukeWebsite/tenMans/templates/tenMans/duos.html
+++ b/src/LukeWebsite/tenMans/templates/tenMans/duos.html
@@ -11,13 +11,13 @@
     </div>
     {% if player1 and player2 and duoWinrate %}
     <div class="row justify-content-center" style='padding-bottom: 35px;'>
-        <div class="col-4 text-right display-4">
+        <div class="col-4 text-end display-4">
             <a href='/ten_mans/player/{{player1.id}}'>{{player1.playerName}}</a>
         </div>
         <div class="col-4 text-center display-4">
         &
         </div>
-        <div class="col-4 text-left display-4">
+        <div class="col-4 text-start display-4">
             <a href='/ten_mans/player/{{player2.id}}'>{{player2.playerName}}</a>
         </div>
     </div>
diff --git a/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html b/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html
index cb7ed92..41183a0 100644
--- a/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html
+++ b/src/LukeWebsite/tenMans/templates/tenMans/lane_matchup.html
@@ -11,13 +11,13 @@
     </div>
     {% if player1 and player2 %}
     <div class="row justify-content-center" style='padding-bottom: 35px;'>
-        <div class="col-4 text-right display-4">
+        <div class="col-4 text-end display-4">
             <a href='/ten_mans/player/{{player1.id}}'>{{player1.playerName}}</a>
         </div>
         <div class="col-4 text-center display-4">
         VS
         </div>
-        <div class="col-4 text-left display-4">
+        <div class="col-4 text-start display-4">
             <a href='/ten_mans/player/{{player2.id}}'>{{player2.playerName}}</a>
         </div>
     </div>