diff --git a/app/views/game/side.scala.html b/app/views/game/side.scala.html
index c259c3d436..fa23699131 100644
--- a/app/views/game/side.scala.html
+++ b/app/views/game/side.scala.html
@@ -38,6 +38,23 @@
       @tournamentLink(t)
       <br /><br />
       }
+      <div class="swords" data-icon="U"></div>
+      <div class="players">
+        @if(opponent.color.name == "white") {
+        @List(opponent, player).map { p =>
+        <div class="player">
+          @playerLink(p, withOnline = false, withDiff = true)
+        </div>
+        }
+        } else {
+        @List(player, opponent).map { p =>
+        <div class="player">
+          @playerLink(p, withOnline = false, withDiff = true)
+        </div>
+        }
+        }
+        
+      </div>
       @if(game.variant.threeCheck) {
       <div class="check_count" data-icon="@lila.rating.PerfType("threeCheck").map(_.iconChar)">
         Checks given:
diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css
index abf2fd5a85..85d15157af 100644
--- a/public/stylesheets/common.css
+++ b/public/stylesheets/common.css
@@ -810,6 +810,15 @@ div.side_box div.infos::before{
   font-size: 30px;
   opacity: 0.7;
 }
+div.side_box div.players {
+  margin-left: -10px;
+  margin-top: -26px;
+}
+div.side_box div.swords {
+  font-size: 15px;
+  margin-left: -35px;
+  margin-top: 10px;
+}
 .player.color {
   line-height: 16px;
   height: 16px;