diff --git a/web/static/js/components/chess-board.js b/web/static/js/components/chess-board.js
index 3bc6725..5578129 100644
--- a/web/static/js/components/chess-board.js
+++ b/web/static/js/components/chess-board.js
@@ -24,7 +24,7 @@ class ChessBoard extends React.Component {
     const { store } = this.props;
     const rank = this.getBoard()[rankId];
 
-    return Object.keys(rank).map((fileId) => {
+    return Object.keys(rank).sort().map((fileId) => {
       return (
         <ChessBoardSquare
           file={fileId}