diff --git a/frontend/public/board/blue_1.svg b/frontend/public/board/blue_1.svg
index 4793d1eb6f..768e3f4518 100644
--- a/frontend/public/board/blue_1.svg
+++ b/frontend/public/board/blue_1.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 	.st1{opacity:0.75;}
@@ -18,13 +18,13 @@
 		<rect x="466.9" y="297.1" class="st0" width="14.7" height="2.9"/>
 	</g>
 	<g>
-		
+
 			<rect x="472.8" y="291.2" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 772.8039 -187.5366)" class="st0" width="14.7" height="2.9"/>
 	</g>
 </g>
 <g>
 	<g>
-		
+
 			<rect x="-5.9" y="291.3" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 294.2621 291.3384)" class="st0" width="14.7" height="2.9"/>
 	</g>
 	<g>
@@ -33,7 +33,7 @@
 </g>
 <g>
 	<g>
-		
+
 			<rect x="0" y="0.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 14.7328 3.2131)" class="st0" width="14.7" height="2.9"/>
 	</g>
 	<g>
diff --git a/frontend/public/board/blue_2.svg b/frontend/public/board/blue_2.svg
index ec83ecbde8..9ccaab1e23 100644
--- a/frontend/public/board/blue_2.svg
+++ b/frontend/public/board/blue_2.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 	.st1{opacity:0.8;fill:#1094E5;}
@@ -13,8 +13,8 @@
 <polygon class="st1" points="4.7,35.9 4.7,32.2 8,29.1 8,32.8 "/>
 <polygon class="st2" points="4.7,39.7 4.7,37 8,33.9 8,36.6 "/>
 <polygon class="st3" points="4.7,42.8 4.7,40.9 8,37.8 8,44.1 "/>
-<polygon class="st0" points="472.9,7.5 466.1,7.5 458.7,0 345,0 340.5,0 21.3,0 13.9,7.5 7.2,7.5 0,14.6 0,84.9 1.4,86.3 1.4,62.2 
-	3.5,60.1 3.5,22.8 4.1,23.3 4.1,25.6 7.7,22.2 7.7,18.5 22,4.4 37.8,4.4 40.6,1.3 340.5,1.3 345,1.3 439.4,1.3 442.2,4.4 458,4.4 
+<polygon class="st0" points="472.9,7.5 466.1,7.5 458.7,0 345,0 340.5,0 21.3,0 13.9,7.5 7.2,7.5 0,14.6 0,84.9 1.4,86.3 1.4,62.2
+	3.5,60.1 3.5,22.8 4.1,23.3 4.1,25.6 7.7,22.2 7.7,18.5 22,4.4 37.8,4.4 40.6,1.3 340.5,1.3 345,1.3 439.4,1.3 442.2,4.4 458,4.4
 	472.3,18.5 472.3,22.2 475.9,25.6 475.9,23.3 476.5,22.8 476.5,60.1 478.6,62.2 478.6,86.3 480,84.9 480,14.6 "/>
 <polygon class="st0" points="480,86.7 478.9,87.8 478.9,92.3 479.4,92.7 479.4,134.6 480,134.6 "/>
 <polygon class="st0" points="475.3,31.2 475.3,26.6 472,23.5 472,28.1 "/>
@@ -26,9 +26,9 @@
 <polygon class="st1" points="475.3,264.1 475.3,267.8 472,270.9 472,267.2 "/>
 <polygon class="st2" points="475.3,260.3 475.3,263 472,266.1 472,263.4 "/>
 <polygon class="st3" points="475.3,257.2 475.3,259.1 472,262.2 472,255.9 "/>
-<polygon class="st0" points="478.6,213.7 478.6,237.8 476.5,239.9 476.5,277.2 475.9,276.7 475.9,274.4 472.3,277.8 472.3,281.5 
-	458,295.6 442.2,295.6 439.4,298.7 353.7,298.7 340.5,298.7 40.6,298.7 37.8,295.6 22,295.6 7.7,281.5 7.7,277.8 4.1,274.4 
-	4.1,276.7 3.5,277.2 3.5,239.9 1.4,237.8 1.4,213.7 0,215.1 0,285.4 7.2,292.5 13.9,292.5 21.3,300 340.5,300 353.7,300 458.7,300 
+<polygon class="st0" points="478.6,213.7 478.6,237.8 476.5,239.9 476.5,277.2 475.9,276.7 475.9,274.4 472.3,277.8 472.3,281.5
+	458,295.6 442.2,295.6 439.4,298.7 353.7,298.7 340.5,298.7 40.6,298.7 37.8,295.6 22,295.6 7.7,281.5 7.7,277.8 4.1,274.4
+	4.1,276.7 3.5,277.2 3.5,239.9 1.4,237.8 1.4,213.7 0,215.1 0,285.4 7.2,292.5 13.9,292.5 21.3,300 340.5,300 353.7,300 458.7,300
 	466.1,292.5 472.9,292.5 480,285.4 480,215.1 "/>
 <polygon class="st0" points="0,213.3 1.1,212.2 1.1,207.7 0.6,207.3 0.6,165.4 0,165.4 "/>
 <polygon class="st0" points="4.7,268.8 4.7,273.4 8,276.5 8,271.9 "/>
diff --git a/frontend/public/board/blue_3.svg b/frontend/public/board/blue_3.svg
index 5ed0bafbe5..5f42660378 100644
--- a/frontend/public/board/blue_3.svg
+++ b/frontend/public/board/blue_3.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 </style>
@@ -10,15 +10,15 @@
 		<polygon class="st0" points="426,3.4 206.6,3.4 203.4,0.2 429,0.2 		"/>
 	</g>
 	<g>
-		<polygon class="st0" points="479.9,50.1 479.3,50.1 479.3,2.1 430.6,2.1 427.2,5.8 205.4,5.8 201.8,2.1 10.8,2.1 1,12.2 1,15.8 
+		<polygon class="st0" points="479.9,50.1 479.3,50.1 479.3,2.1 430.6,2.1 427.2,5.8 205.4,5.8 201.8,2.1 10.8,2.1 1,12.2 1,15.8
 			0.4,15.8 0.4,12 0.4,11.9 10.5,1.4 202.1,1.4 205.7,5.1 426.9,5.1 430.3,1.4 479.9,1.4 		"/>
 	</g>
 	<g>
-		
+
 			<rect x="37.4" y="296.8" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 338.597 596.8842)" class="st0" width="263.9" height="3.2"/>
 	</g>
 	<g>
-		<polygon class="st0" points="468.8,298.9 0.6,298.9 0.6,263.5 1.3,263.5 1.3,298.2 468.5,298.2 478.3,288.1 478.3,281.8 
+		<polygon class="st0" points="468.8,298.9 0.6,298.9 0.6,263.5 1.3,263.5 1.3,298.2 468.5,298.2 478.3,288.1 478.3,281.8
 			476.3,277.7 476.3,274.8 479.9,271.2 479.9,272.2 477,275 477,277.6 479,281.7 479,288.4 478.9,288.5 		"/>
 	</g>
 	<g>
@@ -28,8 +28,8 @@
 		<polygon class="st0" points="4.3,18.5 2,18.5 0.9,20.4 2,22.3 4.3,22.3 5.4,20.4 		"/>
 	</g>
 	<g>
-		<polygon class="st0" points="462.8,296.1 342.9,296.1 340.2,293.4 299.1,293.4 295.2,295.7 294.8,295.1 298.9,292.7 340.5,292.7 
-			343.2,295.4 462.5,295.4 473.1,284.9 473.1,274.8 479,268.9 479,252.5 479.6,252.5 479.6,269.1 473.7,275.1 473.7,285.2 
+		<polygon class="st0" points="462.8,296.1 342.9,296.1 340.2,293.4 299.1,293.4 295.2,295.7 294.8,295.1 298.9,292.7 340.5,292.7
+			343.2,295.4 462.5,295.4 473.1,284.9 473.1,274.8 479,268.9 479,252.5 479.6,252.5 479.6,269.1 473.7,275.1 473.7,285.2
 			473.6,285.3 		"/>
 	</g>
 	<g>
diff --git a/frontend/public/board/blue_4.svg b/frontend/public/board/blue_4.svg
index 04eb06669d..b0f13608fa 100644
--- a/frontend/public/board/blue_4.svg
+++ b/frontend/public/board/blue_4.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 </style>
diff --git a/frontend/public/board/blue_5.svg b/frontend/public/board/blue_5.svg
index a3fb05297c..75594da3f7 100644
--- a/frontend/public/board/blue_5.svg
+++ b/frontend/public/board/blue_5.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 </style>
 <g>
 	<path class="st0" d="M475.8,295.8H4.3V5.3h471.5V295.8z M5.8,294.3h468.5V6.8H5.8V294.3z"/>
 </g>
-<polygon class="st0" points="43.5,4.7 27.3,4.7 22.9,4.7 8.4,4.7 3.3,4.7 3.3,9.8 3.3,24.3 3.3,28.7 3.3,44.9 6.5,44.9 6.5,26.6 
+<polygon class="st0" points="43.5,4.7 27.3,4.7 22.9,4.7 8.4,4.7 3.3,4.7 3.3,9.8 3.3,24.3 3.3,28.7 3.3,44.9 6.5,44.9 6.5,26.6
 	8.4,25.3 8.4,9.8 23.9,9.8 25.2,7.9 43.5,7.9 "/>
-<polygon class="st0" points="3.3,256.1 3.3,272.3 3.3,276.7 3.3,291.2 3.3,296.3 8.4,296.3 22.9,296.3 27.3,296.3 43.5,296.3 
+<polygon class="st0" points="3.3,256.1 3.3,272.3 3.3,276.7 3.3,291.2 3.3,296.3 8.4,296.3 22.9,296.3 27.3,296.3 43.5,296.3
 	43.5,293.1 25.2,293.1 23.9,291.2 8.4,291.2 8.4,275.7 6.5,274.4 6.5,256.1 "/>
-<polygon class="st0" points="436.7,296.3 452.9,296.3 457.3,296.3 471.7,296.3 476.9,296.3 476.9,291.2 476.9,276.7 476.9,272.3 
+<polygon class="st0" points="436.7,296.3 452.9,296.3 457.3,296.3 471.7,296.3 476.9,296.3 476.9,291.2 476.9,276.7 476.9,272.3
 	476.9,256.1 473.7,256.1 473.7,274.4 471.7,275.7 471.7,291.2 456.2,291.2 455,293.1 436.7,293.1 "/>
-<polygon class="st0" points="476.9,44.9 476.9,28.7 476.9,24.3 476.9,9.8 476.9,4.7 471.7,4.7 457.3,4.7 452.9,4.7 436.7,4.7 
+<polygon class="st0" points="476.9,44.9 476.9,28.7 476.9,24.3 476.9,9.8 476.9,4.7 471.7,4.7 457.3,4.7 452.9,4.7 436.7,4.7
 	436.7,7.9 455,7.9 456.2,9.8 471.7,9.8 471.7,25.3 473.7,26.6 473.7,44.9 "/>
 </svg>
diff --git a/frontend/public/board/blue_6.svg b/frontend/public/board/blue_6.svg
index 58c6e04fb4..9154074922 100644
--- a/frontend/public/board/blue_6.svg
+++ b/frontend/public/board/blue_6.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 	.st1{fill:#1094E5;stroke:#231815;stroke-miterlimit:10;}
@@ -24,7 +24,7 @@
 </g>
 <g>
 	<g>
-		<polygon class="st0" points="471.6,268.7 476.6,264.6 476.6,288.6 469.5,295.7 415.1,295.7 420.7,290.7 467.5,290.7 471.6,286.5 
+		<polygon class="st0" points="471.6,268.7 476.6,264.6 476.6,288.6 469.5,295.7 415.1,295.7 420.7,290.7 467.5,290.7 471.6,286.5
 					"/>
 	</g>
 </g>
@@ -32,11 +32,11 @@
 	<polygon class="st0" points="476.3,37.7 462.6,23.9 476.3,23.9 	"/>
 </g>
 <g>
-	<polygon class="st0" points="471.3,31.3 435.3,31.3 422.4,23.5 376.6,23.5 360.3,9.1 47.3,9.1 47.3,8.1 360.7,8.1 377,22.5 
+	<polygon class="st0" points="471.3,31.3 435.3,31.3 422.4,23.5 376.6,23.5 360.3,9.1 47.3,9.1 47.3,8.1 360.7,8.1 377,22.5
 		422.6,22.5 435.6,30.3 471.3,30.3 	"/>
 </g>
 <g>
-	<polygon class="st0" points="67.9,294 62.6,288.7 15.7,288.7 10.9,283.9 10.9,268.2 9,266.5 9,33.8 12.7,31.3 12.7,14.3 20.8,6.1 
+	<polygon class="st0" points="67.9,294 62.6,288.7 15.7,288.7 10.9,283.9 10.9,268.2 9,266.5 9,33.8 12.7,31.3 12.7,14.3 20.8,6.1
 		21.5,6.8 13.7,14.7 13.7,31.8 10,34.3 10,266 11.9,267.7 11.9,283.5 16.1,287.7 63,287.7 68.6,293.3 	"/>
 </g>
 <g>
diff --git a/frontend/public/board/blue_7.svg b/frontend/public/board/blue_7.svg
index cb9bc362a9..73831981a0 100644
--- a/frontend/public/board/blue_7.svg
+++ b/frontend/public/board/blue_7.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 	.st1{fill:none;stroke:#231815;stroke-miterlimit:10;}
diff --git a/frontend/public/board/blue_8.svg b/frontend/public/board/blue_8.svg
index eefc3b819b..ba602c38e2 100644
--- a/frontend/public/board/blue_8.svg
+++ b/frontend/public/board/blue_8.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 	.st1{opacity:0.25;}
diff --git a/frontend/public/board/blue_9.svg b/frontend/public/board/blue_9.svg
index 8218886ad3..14da71774a 100644
--- a/frontend/public/board/blue_9.svg
+++ b/frontend/public/board/blue_9.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#1094E5;}
 	.st1{opacity:0.65;}
@@ -17,7 +17,7 @@
 	</g>
 </g>
 <g>
-	<polygon class="st0" points="407.5,288 6.5,288 6.5,165.3 13.3,159.9 13.3,119.3 10,115.9 10,45.6 12,45.6 12,115 15.3,118.5 
+	<polygon class="st0" points="407.5,288 6.5,288 6.5,165.3 13.3,159.9 13.3,119.3 10,115.9 10,45.6 12,45.6 12,115 15.3,118.5
 		15.3,160.9 8.5,166.3 8.5,286 407,286 422,278.8 422.9,280.6 	"/>
 </g>
 <g>
@@ -26,8 +26,8 @@
 	</g>
 </g>
 <g class="st1">
-	<polygon class="st0" points="464.4,236.7 462.8,235.6 469.8,225.9 469.8,177.6 465.3,175.1 465.3,57.1 469.8,54.6 469.8,7.1 
-		214.1,7.1 207.4,13.8 150.6,13.8 150.6,11.8 206.6,11.8 213.3,5.1 471.8,5.1 471.8,55.8 467.3,58.3 467.3,174 471.8,176.5 
+	<polygon class="st0" points="464.4,236.7 462.8,235.6 469.8,225.9 469.8,177.6 465.3,175.1 465.3,57.1 469.8,54.6 469.8,7.1
+		214.1,7.1 207.4,13.8 150.6,13.8 150.6,11.8 206.6,11.8 213.3,5.1 471.8,5.1 471.8,55.8 467.3,58.3 467.3,174 471.8,176.5
 		471.8,226.5 	"/>
 </g>
 <g>
diff --git a/frontend/public/board/dark_1.svg b/frontend/public/board/dark_1.svg
index 1c0731fbb3..273075f241 100644
--- a/frontend/public/board/dark_1.svg
+++ b/frontend/public/board/dark_1.svg
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
+     preserveAspectRatio="none meet" viewBox="0 0 480 300" style="enable-background:new 0 0 480 300;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#15709E;}
 </style>