diff --git a/src/Data/GridTemplateAreas.ts b/src/Data/GridTemplateAreas.ts
index 629d9b0..8dd92b0 100644
--- a/src/Data/GridTemplateAreas.ts
+++ b/src/Data/GridTemplateAreas.ts
@@ -6,8 +6,10 @@ export enum GridTemplateAreas {
   TwoPlayersSameSide = '"player0 player1"',
   ThreePlayers = '"player0 player0" "player1 player2"',
   ThreePlayersSide = '"player0 player0 player0 player2" "player1 player1 player1 player2"',
+  FourPlayers = '"player0 player0 player1 player1" "player2 player2 player3 player3"',
+  FourPlayersSide = '"player0 player0 player0 player1 player1 player1 player2 player2 player2 player3" "player0 player0 player3 player3 player3 player1 player1 player2 player3 player3"',
   FivePlayers = '"player0 player0 player0 player1 player1 player1" "player2 player2 player3 player3 player4 player4"',
   FivePlayersSide = '"player0 player0 player0 player0 player0 player1 player1 player1 player1 player1 player2" "player3 player3 player3 player3 player3 player4 player4 player4 player4 player4 player2"',
   SixPlayers = '"player0 player1 player2" "player3 player4 player5"',
   SixPlayersSide = '"player0 player1 player1 player1 player1 player2 player2 player2 player2 player3" "player0 player4 player4 player4 player4 player5 player5 player5 player5 player3"',
-}
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index e1c2cbe..23cd326 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -6,11 +6,6 @@ export default {
   theme: {
     extend: {
       gridTemplateAreas: {
-        fourPlayerPortrait: [
-          'player0 player1 player1 player1 player1 player3',
-          'player0 player2 player2 player2 player2 player3',
-        ],
-        fourPlayer: ['player0 player1', 'player2 player3'],
         onePlayerLandscape: ['player0 player0'],
         onePlayerPortrait: ['player0', 'player0'],
         twoPlayersOppositeLandscape: ['player0', 'player1'],
@@ -21,6 +16,11 @@ export default {
           'player0 player0 player0 player2',
           'player1 player1 player1 player2',
         ],
+        fourPlayerPortrait: [
+          'player0 player1 player1 player1 player1 player3',
+          'player0 player2 player2 player2 player2 player3',
+        ],
+        fourPlayer: ['player0 player1', 'player2 player3'],
         fivePlayers: [
           'player0 player0 player0 player1 player1 player1',
           'player2 player2 player3 player3 player4 player4',