diff --git a/IguideME.Web/Frontend/src/mocks/grades.ts b/IguideME.Web/Frontend/src/mocks/grades.ts
index 58ce6d14..f7c9915a 100644
--- a/IguideME.Web/Frontend/src/mocks/grades.ts
+++ b/IguideME.Web/Frontend/src/mocks/grades.ts
@@ -165,6 +165,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 65,
+      peerMin: 43,
+      peerMax: 89,
+      tileID: 3,
+    },
     {
       peerAvg: 62.5,
       peerMin: 12.5,
@@ -206,6 +212,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 69.3,
+      peerMin: 40,
+      peerMax: 95,
+      tileID: 3,
+    },
     {
       peerAvg: 67.5,
       peerMin: 12.5,
@@ -245,6 +257,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 79.3,
+      peerMin: 33,
+      peerMax: 100,
+      tileID: 3,
+    },
     {
       peerAvg: 73.61111111111111,
       peerMin: 37.5,
@@ -286,6 +304,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 62,
+      peerMin: 23,
+      peerMax: 79,
+      tileID: 3,
+    },
     {
       peerAvg: 73.21428571428571,
       peerMin: 37.5,
@@ -327,6 +351,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 52.6,
+      peerMin: 10,
+      peerMax: 99,
+      tileID: 3,
+    },
     {
       peerAvg: 65,
       peerMin: 25,
@@ -366,6 +396,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 42.22222222222223,
+      peerMin: 15,
+      peerMax: 80,
+      tileID: 3,
+    },
     {
       peerAvg: 72.22222222222223,
       peerMin: 25,
@@ -406,6 +442,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 86.5625,
+      peerMin: 50,
+      peerMax: 100,
+      tileID: 3,
+    },
     {
       peerAvg: 76.5625,
       peerMin: 50,
@@ -447,6 +489,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 90,
+      peerMin: 72.5,
+      peerMax: 100,
+      tileID: 3,
+    },
     {
       peerAvg: 80,
       peerMin: 62.5,
@@ -488,6 +536,12 @@ const MOCK_PEER_TILE_GRADES: Array<
       peerMax: 99,
       tileID: 2,
     },
+    {
+      peerAvg: 80,
+      peerMin: 55,
+      peerMax: 100,
+      tileID: 3,
+    },
     {
       peerAvg: 70,
       peerMin: 25,
@@ -532,6 +586,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -567,6 +626,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 12.5,
         tile_id: 4,
@@ -602,6 +666,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 10,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -637,6 +706,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -672,6 +746,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 12.5,
         tile_id: 4,
@@ -707,6 +786,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 10,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -742,6 +826,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -777,6 +866,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 30,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -812,6 +906,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 65,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -847,6 +946,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 10,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -882,6 +986,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 37.5,
         tile_id: 4,
@@ -917,6 +1026,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 10,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -952,6 +1066,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -987,6 +1106,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -1022,6 +1146,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 10,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1057,6 +1186,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -1092,6 +1226,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 16,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1127,6 +1266,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 16,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1162,6 +1306,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 60,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -1197,6 +1346,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 37.5,
         tile_id: 4,
@@ -1232,6 +1386,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 70,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -1267,6 +1426,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1302,6 +1466,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -1337,6 +1506,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 16,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1372,6 +1546,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 19,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1407,6 +1586,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 69,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -1442,6 +1626,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 37.5,
         tile_id: 4,
@@ -1477,6 +1666,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 80,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -1512,6 +1706,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1547,6 +1746,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -1582,6 +1786,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 56,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -1617,6 +1826,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -1652,6 +1866,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 96,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -1687,6 +1906,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 86,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -1722,6 +1946,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 56,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -1757,6 +1986,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 46,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -1792,6 +2026,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 37.5,
         tile_id: 4,
@@ -1827,6 +2066,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 33,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 25,
         tile_id: 4,
@@ -1862,6 +2106,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 25,
         tile_id: 4,
@@ -1897,6 +2146,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 50,
         tile_id: 4,
@@ -1932,6 +2186,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 43,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 25,
         tile_id: 4,
@@ -1967,6 +2226,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2002,6 +2266,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 76,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -2037,6 +2306,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 46,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2072,6 +2346,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 56,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 50,
         tile_id: 4,
@@ -2107,6 +2386,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2142,6 +2426,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 46,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2177,6 +2466,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 50,
         tile_id: 4,
@@ -2212,6 +2506,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 46,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -2247,6 +2546,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -2282,6 +2586,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 46,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -2317,6 +2626,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 46,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2352,6 +2666,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 46,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -2387,6 +2706,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 56,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 50,
         tile_id: 4,
@@ -2422,6 +2746,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2457,6 +2786,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 56,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2492,6 +2826,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 76,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2527,6 +2866,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 86,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2562,6 +2906,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2597,6 +2946,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 86,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2632,6 +2986,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 86,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2667,6 +3026,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 86,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 87.5,
         tile_id: 4,
@@ -2702,6 +3066,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2737,6 +3106,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -2772,6 +3146,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2807,6 +3186,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -2842,6 +3226,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 62.5,
         tile_id: 4,
@@ -2877,6 +3266,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -2912,6 +3306,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 100,
         tile_id: 4,
@@ -2947,6 +3346,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 40,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 25,
         tile_id: 4,
@@ -2982,6 +3386,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 66,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,
@@ -3017,6 +3426,11 @@ const MOCK_TILE_GRADES: Array<{
         tile_id: 2,
         max: 5,
       },
+      {
+        grade: 73,
+        tile_id: 3,
+        max: 100,
+      },
       {
         grade: 75,
         tile_id: 4,