diff --git a/app/img/dashed.svg b/app/img/dashed.svg
index d5d57e59..01415d4c 100644
--- a/app/img/dashed.svg
+++ b/app/img/dashed.svg
@@ -1,10 +1,54 @@
-<svg width="227" height="596" viewBox="0 0 227 596" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 227 596" style="enable-background:new 0 0 227 596;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#7D7E7E;stroke-width:4;}
+	.st1{fill:none;stroke:#7D7E7E;stroke-width:4;stroke-dasharray:6.0204,3.0102;}
+	.st2{fill:none;stroke:#7D7E7E;stroke-width:4;stroke-dasharray:5.7963,2.8981;}
+</style>
 <g id="dashed">
-<line id="Line 1" x1="112.75" y1="3.27835e-08" x2="112.75" y2="596" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="Line 2" x1="113.231" y1="0.75" x2="7.69496e-06" y2="0.75001" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="Line 3" x1="113.231" y1="198.904" x2="7.69496e-06" y2="198.904" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="Line 4" x1="113.231" y1="397.058" x2="7.69496e-06" y2="397.058" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="Line 5" x1="113.231" y1="595.211" x2="7.69496e-06" y2="595.211" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="Line 6" x1="226.231" y1="297.75" x2="113" y2="297.75" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
+	<g id="Line_1">
+		<g>
+			<line class="st0" x1="112.8" y1="0" x2="112.8" y2="3"/>
+			<line class="st1" x1="112.8" y1="6" x2="112.8" y2="591.5"/>
+			<line class="st0" x1="112.8" y1="593" x2="112.8" y2="596"/>
+		</g>
+	</g>
+	<g id="Line_2">
+		<g>
+			<line class="st0" x1="113.2" y1="0.8" x2="110.2" y2="0.8"/>
+			<line class="st2" x1="107.3" y1="0.8" x2="4.4" y2="0.8"/>
+			<line class="st0" x1="3" y1="0.8" x2="0" y2="0.8"/>
+		</g>
+	</g>
+	<g id="Line_3">
+		<g>
+			<line class="st0" x1="113.2" y1="198.9" x2="110.2" y2="198.9"/>
+			<line class="st2" x1="107.3" y1="198.9" x2="4.4" y2="198.9"/>
+			<line class="st0" x1="3" y1="198.9" x2="0" y2="198.9"/>
+		</g>
+	</g>
+	<g id="Line_4">
+		<g>
+			<line class="st0" x1="113.2" y1="397.1" x2="110.2" y2="397.1"/>
+			<line class="st2" x1="107.3" y1="397.1" x2="4.4" y2="397.1"/>
+			<line class="st0" x1="3" y1="397.1" x2="0" y2="397.1"/>
+		</g>
+	</g>
+	<g id="Line_5">
+		<g>
+			<line class="st0" x1="113.2" y1="595.2" x2="110.2" y2="595.2"/>
+			<line class="st2" x1="107.3" y1="595.2" x2="4.4" y2="595.2"/>
+			<line class="st0" x1="3" y1="595.2" x2="0" y2="595.2"/>
+		</g>
+	</g>
+	<g id="Line_6">
+		<g>
+			<line class="st0" x1="226.2" y1="297.8" x2="223.2" y2="297.8"/>
+			<line class="st2" x1="220.3" y1="297.8" x2="117.4" y2="297.8"/>
+			<line class="st0" x1="116" y1="297.8" x2="113" y2="297.8"/>
+		</g>
+	</g>
 </g>
 </svg>
diff --git a/app/img/right-dashed.svg b/app/img/right-dashed.svg
index 5a41449e..282f0eab 100644
--- a/app/img/right-dashed.svg
+++ b/app/img/right-dashed.svg
@@ -1,8 +1,40 @@
-<svg width="314" height="594" viewBox="0 0 314 594" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 314 594" style="enable-background:new 0 0 314 594;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#7D7E7E;stroke-width:4;}
+	.st1{fill:none;stroke:#7D7E7E;stroke-width:4;stroke-dasharray:6.04,3.02;}
+	.st2{fill:none;stroke:#7D7E7E;stroke-width:4;stroke-dasharray:5.7963,2.8981;}
+</style>
 <g id="dashed">
-<line id="horizontal" y1="-0.75" x2="308" y2="-0.75" transform="matrix(4.37114e-08 1 1 -4.37114e-08 114 144)" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="top" y1="-0.75" x2="113.231" y2="-0.75" transform="matrix(1 8.74228e-08 8.74228e-08 -1 114 144)" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="out" y1="-0.75" x2="113.231" y2="-0.75" transform="matrix(1 8.74228e-08 8.74228e-08 -1 -0.000305176 297)" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
-<line id="bottom" y1="-0.75" x2="113.231" y2="-0.75" transform="matrix(1 8.74228e-08 8.74228e-08 -1 113 450)" stroke="#7D7E7E" stroke-width="4" stroke-dasharray="4 4"/>
+	<g id="horizontal">
+		<g>
+			<line class="st0" x1="113.2" y1="144" x2="113.2" y2="147"/>
+			<line class="st1" x1="113.2" y1="150" x2="113.3" y2="447.5"/>
+			<line class="st0" x1="113.3" y1="449" x2="113.3" y2="452"/>
+		</g>
+	</g>
+	<g id="top">
+		<g>
+			<line class="st0" x1="114" y1="144.8" x2="117" y2="144.8"/>
+			<line class="st2" x1="119.9" y1="144.8" x2="222.8" y2="144.8"/>
+			<line class="st0" x1="224.2" y1="144.8" x2="227.2" y2="144.8"/>
+		</g>
+	</g>
+	<g id="out">
+		<g>
+			<line class="st0" x1="0" y1="297.8" x2="3" y2="297.8"/>
+			<line class="st2" x1="5.9" y1="297.8" x2="108.8" y2="297.8"/>
+			<line class="st0" x1="110.2" y1="297.8" x2="113.2" y2="297.8"/>
+		</g>
+	</g>
+	<g id="bottom">
+		<g>
+			<line class="st0" x1="113" y1="450.8" x2="116" y2="450.8"/>
+			<line class="st2" x1="118.9" y1="450.8" x2="221.8" y2="450.8"/>
+			<line class="st0" x1="223.2" y1="450.8" x2="226.2" y2="450.8"/>
+		</g>
+	</g>
 </g>
 </svg>