diff --git a/client/images/p5js-logo-small.svg b/client/images/p5js-logo-small.svg
index 164ef67fff..132c0b89e4 100644
--- a/client/images/p5js-logo-small.svg
+++ b/client/images/p5js-logo-small.svg
@@ -1,20 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="42" viewBox="0 0 56 42">
-    <defs>
-        <path id="a" d="M0 0h36v36H0z"/>
-        <path id="b" d="M0 0h36v36H0z"/>
-    </defs>
     <g fill="none" fill-rule="evenodd">
-        <path fill="#ED225D" d="M0 0h56v42H0z"/>
-        <g transform="translate(10)">
-            <use fill="#FFF" xlink:href="#a"/>
-            <path stroke="#979797" d="M.5.5h35v35H.5z"/>
-        </g>
-        <path fill="#ED225D" d="M21.025 20.617a2.826 2.826 0 0 0-.941-.795c-.38-.201-.824-.302-1.334-.302-.481 0-.912.104-1.29.314-.38.209-.704.478-.974.805-.27.329-.474.702-.612 1.12a3.85 3.85 0 0 0 0 2.496c.138.411.342.78.612 1.109.27.328.594.593.974.794.378.202.809.302 1.29.302.51 0 .955-.104 1.334-.313.38-.209.693-.477.94-.806.248-.328.434-.701.559-1.12a4.283 4.283 0 0 0 0-2.497c-.125-.409-.31-.778-.558-1.107"/>
-        <g transform="translate(10)">
-            <mask id="c" fill="#fff">
-                <use xlink:href="#b"/>
-            </mask>
-            <path fill="#ED225D" d="M32.75 16.44l-.989.717-1.026-1.361-1.001 1.326-.963-.734.975-1.337-1.582-.571.374-1.15 1.586.511v-1.644h1.273v1.647l1.574-.476.373 1.15-1.57.536.975 1.385zm-7.045 8.959a5.208 5.208 0 0 1-1.25 1.769c-.524.481-1.139.85-1.844 1.105a6.559 6.559 0 0 1-2.25.383c-1.334 0-2.46-.312-3.374-.936a5.238 5.238 0 0 1-1.533-1.614l1.953-1.835.03-.01a3.14 3.14 0 0 0 1.125 1.52c.525.384 1.147.576 1.867.576.405 0 .787-.068 1.147-.204.36-.134.675-.33.945-.585.27-.256.484-.575.641-.958.158-.383.237-.815.237-1.296 0-.616-.106-1.127-.315-1.533a2.775 2.775 0 0 0-.821-.98 3.075 3.075 0 0 0-1.136-.519 5.634 5.634 0 0 0-1.282-.146c-.3 0-.619.022-.957.067-.337.046-.667.11-.99.192-.322.083-.637.177-.944.281a6.717 6.717 0 0 0-.821.338l.27-8.722h9.065v2.434h-6.501l-.157 3.449c.254-.075.558-.128.91-.158.353-.03.672-.045.957-.045.78 0 1.503.112 2.17.338a5.15 5.15 0 0 1 1.744.98c.495.429.88.955 1.158 1.578.278.624.416 1.341.416 2.153 0 .887-.153 1.679-.46 2.378zm-11.601-.36a5.504 5.504 0 0 1-1.058 1.825 5.08 5.08 0 0 1-1.664 1.24c-.653.307-1.392.462-2.216.462a4.678 4.678 0 0 1-2.103-.474c-.638-.315-1.13-.743-1.474-1.285h-.045v6.853h-2.7V17.43h2.588v1.51h.067c.135-.21.311-.424.529-.642.217-.218.484-.413.799-.587a4.908 4.908 0 0 1 2.407-.597c.764 0 1.469.147 2.114.44.645.293 1.2.695 1.665 1.206a5.465 5.465 0 0 1 1.08 1.803c.254.691.382 1.435.382 2.231 0 .797-.124 1.544-.371 2.243zM0 36.07h36V0H0v36.071z" mask="url(#c)"/>
-        </g>
+        <path fill="#FFFFFF" d="M 43.75 15.44 L 42.761 16.157 L 41.735 14.796 L 40.734 16.122 L 39.771 15.388 L 40.746 14.051 L 39.164 13.48 L 39.538 12.33 L 41.124 12.841 L 41.124 11.197 L 42.397 11.197 L 42.397 12.844 L 43.971 12.368 L 44.344 13.518 L 42.774 14.054 L 43.749 15.439 L 43.75 15.44 Z M 36.705 24.399 C 36.417 25.07 35.991 25.672 35.455 26.168 C 34.931 26.649 34.316 27.018 33.611 27.273 C 32.889 27.531 32.128 27.661 31.361 27.656 C 30.027 27.656 28.901 27.344 27.987 26.72 C 27.366 26.298 26.843 25.748 26.454 25.106 L 28.407 23.271 L 28.437 23.261 C 28.647 23.871 29.04 24.402 29.562 24.781 C 30.087 25.165 30.709 25.357 31.429 25.357 C 31.834 25.357 32.216 25.289 32.576 25.153 C 32.936 25.019 33.251 24.823 33.521 24.568 C 33.791 24.312 34.005 23.993 34.162 23.61 C 34.32 23.227 34.399 22.795 34.399 22.314 C 34.399 21.698 34.293 21.187 34.084 20.781 C 33.89 20.395 33.609 20.059 33.263 19.801 C 32.924 19.552 32.537 19.375 32.127 19.282 C 31.707 19.184 31.277 19.135 30.845 19.136 C 30.545 19.136 30.226 19.158 29.888 19.203 C 29.551 19.249 29.221 19.313 28.898 19.395 C 28.576 19.478 28.261 19.572 27.954 19.676 C 27.673 19.77 27.399 19.883 27.133 20.014 L 27.403 11.292 L 36.468 11.292 L 36.468 13.726 L 29.967 13.726 L 29.81 17.175 C 30.064 17.1 30.368 17.047 30.72 17.017 C 31.073 16.987 31.392 16.972 31.677 16.972 C 32.457 16.972 33.18 17.084 33.847 17.31 C 34.487 17.52 35.079 17.852 35.591 18.29 C 36.086 18.719 36.471 19.245 36.749 19.868 C 37.027 20.492 37.165 21.209 37.165 22.021 C 37.165 22.908 37.012 23.7 36.705 24.399 Z M 25.104 24.039 C 24.872 24.71 24.513 25.33 24.046 25.864 C 23.583 26.387 23.016 26.81 22.382 27.104 C 21.729 27.411 20.99 27.566 20.166 27.566 C 19.438 27.574 18.718 27.412 18.063 27.092 C 17.425 26.777 16.933 26.349 16.589 25.807 L 16.544 25.807 L 16.544 32.66 L 13.844 32.66 L 13.844 16.43 L 16.432 16.43 L 16.432 17.94 L 16.499 17.94 C 16.634 17.73 16.81 17.516 17.028 17.298 C 17.245 17.08 17.512 16.885 17.827 16.711 C 18.565 16.309 19.394 16.104 20.234 16.114 C 20.998 16.114 21.703 16.261 22.348 16.554 C 22.993 16.847 23.548 17.249 24.013 17.76 C 24.486 18.285 24.853 18.898 25.093 19.563 C 25.347 20.254 25.475 20.998 25.475 21.794 C 25.475 22.591 25.351 23.338 25.104 24.037 L 25.104 24.039 Z M 22.025 19.617 C 21.774 19.286 21.452 19.015 21.084 18.822 C 20.704 18.621 20.26 18.52 19.75 18.52 C 19.269 18.52 18.838 18.624 18.46 18.834 C 18.08 19.043 17.756 19.312 17.486 19.639 C 17.216 19.968 17.012 20.341 16.874 20.759 C 16.597 21.568 16.597 22.446 16.874 23.255 C 17.012 23.666 17.216 24.035 17.486 24.364 C 17.756 24.692 18.08 24.957 18.46 25.158 C 18.838 25.36 19.269 25.46 19.75 25.46 C 20.26 25.46 20.705 25.356 21.084 25.147 C 21.464 24.938 21.777 24.67 22.024 24.341 C 22.272 24.013 22.458 23.64 22.583 23.221 C 22.831 22.407 22.831 21.538 22.583 20.724 C 22.458 20.315 22.273 19.946 22.025 19.617"/>
     </g>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/client/styles/components/_nav.scss b/client/styles/components/_nav.scss
index 2d3e25844f..69f267955e 100644
--- a/client/styles/components/_nav.scss
+++ b/client/styles/components/_nav.scss
@@ -162,21 +162,26 @@
     position: absolute;
   }
 }
-.svg__logo g > path {
+
+.svg__logo {
+
   @include themify() {
-    fill: getThemifyVariable('logo-color');
+    // Set background color of the logo
+    background-color: getThemifyVariable('logo-color');
   }
-}
-.svg__logo g g:first-of-type path {
-  fill: none;
+
 }
 
-.svg__logo g g:first-of-type use {
+.svg__logo g path{
+  
   @include themify() {
+    // Set internal color of the logo;
     fill: getThemifyVariable('logo-background-color');
   }
+
 }
 
+
 .nav__keyboard-shortcut {
   font-size: #{12 / $base-font-size}rem;
   font-family: Inconsololata, monospace;
diff --git a/client/styles/components/_toolbar.scss b/client/styles/components/_toolbar.scss
index e4b9b86742..7fd3243ed1 100644
--- a/client/styles/components/_toolbar.scss
+++ b/client/styles/components/_toolbar.scss
@@ -125,8 +125,12 @@
 }
 
 .toolbar__autorefresh-label {
+	cursor: pointer;
 	@include themify() {
 		color: getThemifyVariable('secondary-text-color');
+		&:hover {
+			color: getThemifyVariable('logo-color');
+		}
 	}
 	margin-left: #{5 / $base-font-size}rem;
 	font-size: #{12 / $base-font-size}rem;