diff --git a/app/store.js b/app/store.js
index 4cc3f56..6781082 100644
--- a/app/store.js
+++ b/app/store.js
@@ -10,8 +10,8 @@ const store = new Vuex.Store({
         { type: "rook",   colour: "black" },
         { type: "knight", colour: "black" },
         { type: "bishop", colour: "black" },
-        { type: "king",   colour: "black" },
         { type: "queen",  colour: "black" },
+        { type: "king",   colour: "black" },
         { type: "bishop", colour: "black" },
         { type: "knight", colour: "black" },
         { type: "rook",   colour: "black" },
@@ -44,8 +44,8 @@ const store = new Vuex.Store({
         { type: "rook",   colour: "white" },
         { type: "knight", colour: "white" },
         { type: "bishop", colour: "white" },
-        { type: "king",   colour: "white" },
         { type: "queen",  colour: "white" },
+        { type: "king",   colour: "white" },
         { type: "bishop", colour: "white" },
         { type: "knight", colour: "white" },
         { type: "rook",   colour: "white" },
diff --git a/app/styles/main.scss b/app/styles/main.scss
index 240acf1..718da09 100644
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -40,19 +40,19 @@ $square-outline-color: darken($black-square-color, 20%);
 }
 
 .board-row:nth-child(odd) {
-  .board-square:nth-child(odd) {
+  .board-square:nth-child(even) {
     @extend %black-square;
   }
-  .board-square:nth-child(even) {
+  .board-square:nth-child(odd) {
     @extend %white-square;
   }
 }
 
 .board-row:nth-child(even) {
-  .board-square:nth-child(odd) {
+  .board-square:nth-child(even) {
     @extend %white-square;
   }
-  .board-square:nth-child(even) {
+  .board-square:nth-child(odd) {
     @extend %black-square;
   }
 }