diff --git a/client/images/down-arrow-white.svg b/client/images/down-arrow-white.svg
index 34efd84bd1..c246dfd749 100644
--- a/client/images/down-arrow-white.svg
+++ b/client/images/down-arrow-white.svg
@@ -1,9 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>arrow-shape-copy-2</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.539999962">
         <g id="down-arrow" fill-rule="nonzero" fill="#FFFFFF">
             <g id="IDEs">
@@ -15,4 +11,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/down-arrow.svg b/client/images/down-arrow.svg
index a1dc41d5d1..874a1d11a4 100644
--- a/client/images/down-arrow.svg
+++ b/client/images/down-arrow.svg
@@ -1,8 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="14px" height="9px" viewBox="0 0 14 9" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 39 (31667) - http://www.bohemiancoding.com/sketch -->
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
     <g id="IDEs" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="1.0">
         <g id="p5js-IDE-styles-foundation-pt-2" transform="translate(-425.000000, -1168.000000)" fill="#AAA">
             <g id="Icons" transform="translate(16.000000, 1063.000000)">
diff --git a/client/images/down-filled-triangle.svg b/client/images/down-filled-triangle.svg
index b673aafe2d..c4ce39aebc 100644
--- a/client/images/down-filled-triangle.svg
+++ b/client/images/down-filled-triangle.svg
@@ -1,10 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="9px" height="6px" viewBox="0 0 9 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
-    <title>Triangle</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="Triangle" fill="#B5B5B5" transform="translate(4.500000, 3.000000) rotate(180.000000) translate(-4.500000, -3.000000) " points="4.5 0 9 6 0 6"></polygon>
+    <g stroke="none" stroke-width="1" fill="#B5B5B5">
+        <polygon id="Triangle" points="4.5 6 9 0 0 0"></polygon>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/exit.svg b/client/images/exit.svg
index b6c0cc7463..98cc301bf7 100644
--- a/client/images/exit.svg
+++ b/client/images/exit.svg
@@ -1,12 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
-    <title>Exit</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
-    <g id="exit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Artboard-1" fill="#AAA">
-            <path d="M8,5.87867966 L2.69669914,0.575378798 L0.575378798,2.69669914 L5.87867966,8 L0.575378798,13.3033009 L2.69669914,15.4246212 L8,10.1213203 L13.3033009,15.4246212 L15.4246212,13.3033009 L10.1213203,8 L15.4246212,2.69669914 L13.3033009,0.575378798 L8,5.87867966 Z" id="exit"></path>
-        </g>
+    <g id="exit" stroke="none" stroke-width="1" fill="#AAA" fill-rule="evenodd">
+        <path d="M8,5.87867966 L2.69669914,0.575378798 L0.575378798,2.69669914 L5.87867966,8 L0.575378798,13.3033009 L2.69669914,15.4246212 L8,10.1213203 L13.3033009,15.4246212 L15.4246212,13.3033009 L10.1213203,8 L15.4246212,2.69669914 L13.3033009,0.575378798 L8,5.87867966 Z" id="exit"></path>
     </g>
 </svg>
diff --git a/client/images/file.svg b/client/images/file.svg
index aa19bd0c93..9e8dbf53ee 100644
--- a/client/images/file.svg
+++ b/client/images/file.svg
@@ -1,9 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="11px" height="12px" viewBox="0 0 7 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
-    <title>"K" file icon Copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="environment" transform="translate(-25.000000, -103.000000)" fill="#B5B5B5">
             <g id="&quot;K&quot;-file-icon-Copy-+-styles.css" transform="translate(25.000000, 94.000000)">
@@ -11,4 +7,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/folder.svg b/client/images/folder.svg
index 47e3e4302b..0f00a9767b 100644
--- a/client/images/folder.svg
+++ b/client/images/folder.svg
@@ -1,12 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="12px" height="11px" viewBox="0 0 9 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
-    <title>"." project folder</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="environment" transform="translate(-11.000000, -13.000000)" fill="#B5B5B5">
             <path d="M15.628,14.604 C15.628,14.604 15.628,13.848 15.016,13.848 L12.88,13.848 C12.256,13.848 12.256,14.604 12.256,14.604 L15.628,14.604 Z M18.964,15.036 L11.932,15.036 C11.524,15.036 11.2,15.36 11.2,15.768 L11.2,20.616 C11.2,20.82 11.356,20.988 11.56,20.988 L19.336,20.988 C19.54,20.988 19.708,20.82 19.708,20.616 L19.708,15.768 C19.708,15.36 19.372,15.036 18.964,15.036 L18.964,15.036 Z" id="&quot;.&quot;-project-folder"></path>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/minus.svg b/client/images/minus.svg
index c6a4b1bad0..80611c826f 100644
--- a/client/images/minus.svg
+++ b/client/images/minus.svg
@@ -1,12 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
-    <title>Decrease Value</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
-    <g id="Decrease value" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="16" transform="translate(0.000000, -6.000000)" fill="#D8D8D8">
-            <rect id="Decrease value" x="0" y="12" width="16" height="4"></rect>
-        </g>
+    <g id="minus" stroke="none" stroke-width="1" fill="#D8D8D8">
+        <rect x="0" y="6" width="16" height="4"></rect>
     </g>
 </svg>
diff --git a/client/images/p5js-logo.svg b/client/images/p5js-logo.svg
index 57573167c1..5484a2df6f 100644
--- a/client/images/p5js-logo.svg
+++ b/client/images/p5js-logo.svg
@@ -1,9 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="76px" height="35px" viewBox="0 0 76 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
-    <title>p5js-rect</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
     <g id="IDEs" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Desktop-IDE-light" transform="translate(-92.000000, -60.000000)" fill="#EC245E">
             <g id="IDE-CORE-+-Web-dock-&amp;-identity-zone">
diff --git a/client/images/play.svg b/client/images/play.svg
index aff6d46199..b28a6d330a 100644
--- a/client/images/play.svg
+++ b/client/images/play.svg
@@ -1,20 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="16px" height="16px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
-    <title>play</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
-    <g id="IDEs" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Desktop-IDE-light" transform="translate(-218.000000, -69.000000)" fill="#ED225D">
-            <g id="IDE-CORE-+-Web-dock-&amp;-identity-zone">
-                <g id="IDE-CORE" transform="translate(0.000000, 45.000000)">
-                    <g id="play-btns" transform="translate(202.000000, 0.000000)">
-                        <g id="play-||-pause-+-play" transform="translate(0.000000, 10.000000)">
-                            <polygon id="play" transform="translate(24.500000, 22.500000) rotate(90.000000) translate(-24.500000, -22.500000) " points="24.5 14 33 31 16 31"></polygon>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" fill="currentColor">
+        <polygon id="play" points="0 0 16 8 0 16"></polygon>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/plus-icon.svg b/client/images/plus-icon.svg
index 502e28587a..da91915a19 100644
--- a/client/images/plus-icon.svg
+++ b/client/images/plus-icon.svg
@@ -1,9 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
-    <title>close shape</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
     <g id="IDEs" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.539999962">
         <g id="p5js-IDE-styles-foundation-pt-2" transform="translate(-558.000000, -1166.000000)" fill="#333333">
             <g id="Icons" transform="translate(16.000000, 1063.000000)">
@@ -13,4 +9,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/plus.svg b/client/images/plus.svg
index 5629954a23..c8ce01dffc 100644
--- a/client/images/plus.svg
+++ b/client/images/plus.svg
@@ -1,12 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
-    <title>Increase Value</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
-    <g id="Increase Value" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="16" fill="#D8D8D8">
-            <path d="M10,6 L10,0 L6,0 L6,6 L0,6 L0,10 L6,10 L6,16 L10,16 L10,10 L16,10 L16,6 L10,6 Z" id="Increase Value"></path>
-        </g>
+    <g id="plus" stroke="none" stroke-width="1" fill="#D8D8D8">
+        <path d="M10,6 L10,0 L6,0 L6,6 L0,6 L0,10 L6,10 L6,16 L10,16 L10,10 L16,10 L16,6 L10,6 Z"></path>
     </g>
 </svg>
diff --git a/client/images/preferences.svg b/client/images/preferences.svg
index 7d0393daba..a2962ae16e 100644
--- a/client/images/preferences.svg
+++ b/client/images/preferences.svg
@@ -1,19 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
-    <title>preferences</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs>
+    <g stroke="none" stroke-width="0" fill="#ED225D">
         <path d="M14.6822397,16.2117311 L15.1198278,19.0213068 C14.3844186,19.4395702 13.5928664,19.770504 12.7592794,20 L11.0818617,17.703677 C10.7282919,17.7528772 10.367116,17.7783101 10,17.7783101 C9.63288395,17.7783101 9.2717081,17.7528772 8.91813825,17.703677 L7.24072063,20 C6.40713364,19.770504 5.6155814,19.4395702 4.88017224,19.0213068 L5.31776031,16.2117311 C4.73977887,15.7753775 4.22462249,15.2602211 3.78826886,14.6822397 L0.978693166,15.1198278 C0.560429839,14.3844186 0.22949601,13.5928664 -2.84217094e-14,12.7592794 L2.29632299,11.0818617 C2.24712285,10.7282919 2.22168987,10.367116 2.22168987,10 C2.22168987,9.63288395 2.24712285,9.2717081 2.29632299,8.91813825 L-8.12791077e-15,7.24072063 C0.22949601,6.40713364 0.560429839,5.6155814 0.978693166,4.88017224 L3.78826886,5.31776031 C4.22462249,4.73977887 4.73977887,4.22462249 5.31776031,3.78826886 L4.88017224,0.978693166 C5.6155814,0.560429839 6.40713364,0.22949601 7.24072063,0 L8.91813825,2.29632299 C9.2717081,2.24712285 9.63288395,2.22168987 10,2.22168987 C10.367116,2.22168987 10.7282919,2.24712285 11.0818617,2.29632299 L12.7592794,1.98620157e-14 C13.5928664,0.22949601 14.3844186,0.560429839 15.1198278,0.978693166 L14.6822397,3.78826886 C15.2602211,4.22462249 15.7753775,4.73977887 16.2117311,5.31776031 L19.0213068,4.88017224 C19.4395702,5.6155814 19.770504,6.40713364 20,7.24072063 L17.703677,8.91813825 C17.7528772,9.2717081 17.7783101,9.63288395 17.7783101,10 C17.7783101,10.367116 17.7528772,10.7282919 17.703677,11.0818617 L20,12.7592794 C19.770504,13.5928664 19.4395702,14.3844186 19.0213068,15.1198278 L16.2117311,14.6822397 C15.7753775,15.2602211 15.2602211,15.7753775 14.6822397,16.2117311 L14.6822397,16.2117311 Z M10,13.8891551 C12.147921,13.8891551 13.8891551,12.147921 13.8891551,10 C13.8891551,7.85207897 12.147921,6.11084493 10,6.11084493 C7.85207897,6.11084493 6.11084493,7.85207897 6.11084493,10 C6.11084493,12.147921 7.85207897,13.8891551 10,13.8891551 Z" id="path-1"></path>
-    </defs>
-    <g id="IDEs" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Desktop-IDE-light" fill="#ED225D">
-            <g id="preferences">
-                <mask id="mask-2" fill="white">
-                    <use xlink:href="#path-1"></use>
-                </mask>
-                <use id="Combined-Shape" fill="#white" xlink:href="#path-1"></use>
-            </g>
-        </g>
     </g>
 </svg>
diff --git a/client/images/right-arrow-white.svg b/client/images/right-arrow-white.svg
index b789f93d25..83bf58dc82 100644
--- a/client/images/right-arrow-white.svg
+++ b/client/images/right-arrow-white.svg
@@ -1,9 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="10px" height="15px" viewBox="0 0 10 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>arrow-shape-copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.539999962">
         <g id="right-arrow" fill-rule="nonzero" fill="#FFFFFF">
             <g id="IDEs">
@@ -13,4 +9,4 @@
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/stop.svg b/client/images/stop.svg
index c97f4b8a1d..00479aec72 100644
--- a/client/images/stop.svg
+++ b/client/images/stop.svg
@@ -1,20 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
-    <title>stop</title>
-    <!-- <desc>Created with Sketch.</desc> -->
-    <defs></defs>
-    <g id="IDEs" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Desktop-IDE-light" transform="translate(-280.000000, -69.000000)" fill="#ED225D">
-            <g id="IDE-CORE-+-Web-dock-&amp;-identity-zone">
-                <g id="IDE-CORE" transform="translate(0.000000, 45.000000)">
-                    <g id="play-btns" transform="translate(202.000000, 0.000000)">
-                        <g id="stop-+-stop" transform="translate(64.000000, 10.000000)">
-                            <rect id="stop" x="14" y="14" width="16" height="16"></rect>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
+    <g stroke="none" fill="currentColor">
+        <rect id="stop" x="0" y="0" width="16" height="16"></rect>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/triangle-arrow-down-white.svg b/client/images/triangle-arrow-down-white.svg
index 75fd556753..66af8030e9 100644
--- a/client/images/triangle-arrow-down-white.svg
+++ b/client/images/triangle-arrow-down-white.svg
@@ -1,12 +1,5 @@
 <svg width="10px" height="10px" viewBox="0 0 5 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Down Arrow</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="environment" transform="translate(-26.000000, -42.000000)" fill="#FFF">
-            <g id="libraries" transform="translate(21.000000, 32.000000)">
-                <polygon id="Triangle-3" transform="translate(7.500000, 12.500000) rotate(180.000000) translate(-7.500000, -12.500000) " points="7.5 10 10 15 5 15"></polygon>
-            </g>
-        </g>
+    <g stroke="none" stroke-width="1" fill="#FFFFFF">
+        <polygon points="0 0 2.5 5 5 0"></polygon>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/triangle-arrow-down.svg b/client/images/triangle-arrow-down.svg
index 47ab5d101d..248edaa5db 100644
--- a/client/images/triangle-arrow-down.svg
+++ b/client/images/triangle-arrow-down.svg
@@ -1,12 +1,5 @@
 <svg width="10px" height="10px" viewBox="0 0 5 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Down Arrow</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="environment" transform="translate(-26.000000, -42.000000)" fill="#000000">
-            <g id="libraries" transform="translate(21.000000, 32.000000)">
-                <polygon id="Triangle-3" transform="translate(7.500000, 12.500000) rotate(180.000000) translate(-7.500000, -12.500000) " points="7.5 10 10 15 5 15"></polygon>
-            </g>
-        </g>
+    <g stroke="none" stroke-width="1" fill="#000000">
+        <polygon points="0 0 2.5 5 5 0"></polygon>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/triangle-arrow-left.svg b/client/images/triangle-arrow-left.svg
index dcc159dfb6..7dc2944171 100644
--- a/client/images/triangle-arrow-left.svg
+++ b/client/images/triangle-arrow-left.svg
@@ -1,14 +1,7 @@
 <svg width="10px" height="10px" viewBox="0 0 5 5" version="1.1"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink">
-  <title>Left Arrow</title>
-  <desc>Created with Sketch.</desc>
-  <defs></defs>
-  <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-    <g id="environment" transform="translate(-26.000000, -42.000000)" fill="#B5B5B5">
-      <g id="libraries" transform="translate(21.000000, 32.000000)">
-        <polygon id="Triangle-3" transform="translate(7.500000, 12.500000) rotate(270.000000) translate(-7.500000, -12.500000) " points="7.5 10 10 15 5 15"></polygon>
-      </g>
-    </g>
+  <g stroke="none" stroke-width="1" fill="#B5B5B5" fill-rule="evenodd">
+    <polygon points="5 0 0 2.5 5 5"></polygon>
   </g>
 </svg>
diff --git a/client/images/triangle-arrow-right-white.svg b/client/images/triangle-arrow-right-white.svg
index ff4a6b67aa..112d9aa4b5 100644
--- a/client/images/triangle-arrow-right-white.svg
+++ b/client/images/triangle-arrow-right-white.svg
@@ -1,12 +1,5 @@
 <svg width="10px" height="10px" viewBox="0 0 5 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Right Arrow</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="environment" transform="translate(-26.000000, -42.000000)" fill="#FFFFFF">
-            <g id="libraries" transform="translate(21.000000, 32.000000)">
-                <polygon id="Triangle-3" transform="translate(7.500000, 12.500000) rotate(90.000000) translate(-7.500000, -12.500000) " points="7.5 10 10 15 5 15"></polygon>
-            </g>
-        </g>
+    <g stroke="none" stroke-width="1" fill="#FFFFFF" fill-rule="evenodd">
+        <polygon points="0 0 5 2.5 0 5"></polygon>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/images/triangle-arrow-right.svg b/client/images/triangle-arrow-right.svg
index 222020a8a3..db6f48c8a3 100644
--- a/client/images/triangle-arrow-right.svg
+++ b/client/images/triangle-arrow-right.svg
@@ -1,12 +1,5 @@
 <svg width="10px" height="10px" viewBox="0 0 5 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Right Arrow</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="environment" transform="translate(-26.000000, -42.000000)" fill="#000000">
-            <g id="libraries" transform="translate(21.000000, 32.000000)">
-                <polygon id="Triangle-3" transform="translate(7.500000, 12.500000) rotate(90.000000) translate(-7.500000, -12.500000) " points="7.5 10 10 15 5 15"></polygon>
-            </g>
-        </g>
+    <g stroke="none" stroke-width="1" fill="#000000" fill-rule="evenodd">
+        <polygon points="0 0 5 2.5 0 5"></polygon>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/client/modules/IDE/components/FileNode.jsx b/client/modules/IDE/components/FileNode.jsx
index c6a2c6ad2e..0b6424a783 100644
--- a/client/modules/IDE/components/FileNode.jsx
+++ b/client/modules/IDE/components/FileNode.jsx
@@ -276,6 +276,7 @@ class FileNode extends React.Component {
                   className="sidebar__file-item-closed"
                   onClick={this.showFolderChildren}
                   aria-label={t('FileNode.OpenFolderARIA')}
+                  title={t('FileNode.OpenFolderARIA')}
                 >
                   <FolderRightIcon
                     className="folder-right"
@@ -287,6 +288,7 @@ class FileNode extends React.Component {
                   className="sidebar__file-item-open"
                   onClick={this.hideFolderChildren}
                   aria-label={t('FileNode.CloseFolderARIA')}
+                  title={t('FileNode.CloseFolderARIA')}
                 >
                   <FolderDownIcon
                     className="folder-down"
diff --git a/client/modules/IDE/components/Preferences/index.jsx b/client/modules/IDE/components/Preferences/index.jsx
index b72b108cde..87d0a28b9d 100644
--- a/client/modules/IDE/components/Preferences/index.jsx
+++ b/client/modules/IDE/components/Preferences/index.jsx
@@ -169,6 +169,7 @@ class Preferences extends React.Component {
                 className="preference__minus-button"
                 onClick={this.decreaseFontSize}
                 aria-label={this.props.t('Preferences.DecreaseFontARIA')}
+                title={this.props.t('Preferences.DecreaseFontARIA')}
                 disabled={this.state.fontSize <= 8}
               >
                 <MinusIcon focusable="false" aria-hidden="true" />
@@ -203,6 +204,7 @@ class Preferences extends React.Component {
                 className="preference__plus-button"
                 onClick={this.increaseFontSize}
                 aria-label={this.props.t('Preferences.IncreaseFontARIA')}
+                title={this.props.t('Preferences.IncreaseFontARIA')}
                 disabled={this.state.fontSize >= 36}
               >
                 <PlusIcon focusable="false" aria-hidden="true" />
diff --git a/client/modules/IDE/components/Toolbar.jsx b/client/modules/IDE/components/Toolbar.jsx
index 92d6bcb5d0..0048baa7e9 100644
--- a/client/modules/IDE/components/Toolbar.jsx
+++ b/client/modules/IDE/components/Toolbar.jsx
@@ -114,6 +114,7 @@ class Toolbar extends React.Component {
             this.props.startSketch();
           }}
           aria-label={this.props.t('Toolbar.PlayOnlyVisualSketchARIA')}
+          title={this.props.t('Toolbar.PlaySketchARIA')}
           disabled={this.props.infiniteLoop}
         >
           <PlayIcon focusable="false" aria-hidden="true" />
@@ -122,6 +123,7 @@ class Toolbar extends React.Component {
           className={stopButtonClass}
           onClick={this.props.stopSketch}
           aria-label={this.props.t('Toolbar.StopSketchARIA')}
+          title={this.props.t('Toolbar.StopSketchARIA')}
         >
           <StopIcon focusable="false" aria-hidden="true" />
         </button>
@@ -186,6 +188,7 @@ class Toolbar extends React.Component {
           className={preferencesButtonClass}
           onClick={this.props.openPreferences}
           aria-label={this.props.t('Toolbar.OpenPreferencesARIA')}
+          title={this.props.t('Toolbar.OpenPreferencesARIA')}
         >
           <PreferencesIcon focusable="false" aria-hidden="true" />
         </button>