diff --git a/src/images/icon-128.png b/src/images/icon-128.png
index b192293ad..b06db84ae 100644
Binary files a/src/images/icon-128.png and b/src/images/icon-128.png differ
diff --git a/src/images/icon-16.png b/src/images/icon-16.png
index d8db5f23c..27d58c742 100644
Binary files a/src/images/icon-16.png and b/src/images/icon-16.png differ
diff --git a/src/images/icon-19.png b/src/images/icon-19.png
index b190377b0..6be8ab609 100644
Binary files a/src/images/icon-19.png and b/src/images/icon-19.png differ
diff --git a/src/images/icon-38.png b/src/images/icon-38.png
index 4d9e085da..b0ae378d7 100644
Binary files a/src/images/icon-38.png and b/src/images/icon-38.png differ
diff --git a/src/images/icon-48.png b/src/images/icon-48.png
index 12ed1e976..5fcd4b6fa 100644
Binary files a/src/images/icon-48.png and b/src/images/icon-48.png differ
diff --git a/src/scripts/background.js b/src/scripts/background.js
index b552518ea..a5db75a99 100644
--- a/src/scripts/background.js
+++ b/src/scripts/background.js
@@ -757,7 +757,22 @@ window.TogglButton = {
           ctx.closePath();
           ctx.fill();
           ctx.lineWidth = 2.5;
+          // Fill 360 arc with the same background color
           ctx.beginPath();
+          ctx.strokeStyle = '#e57cd8';
+          ctx.arc(
+            this.naturalWidth * 0.5,
+            this.naturalHeight * 0.5,
+            this.naturalWidth * 0.5 - 1,
+            quart * -1,
+            circ - quart,
+            false
+          );
+          ctx.stroke();
+          // Then progressively add the white arc
+          ctx.closePath();
+          ctx.beginPath();
+          ctx.strokeStyle = '#ffffff';
           ctx.arc(
             this.naturalWidth * 0.5,
             this.naturalHeight * 0.5,
diff --git a/src/scripts/components/Pomodoro.tsx b/src/scripts/components/Pomodoro.tsx
index 488b0edb0..ca1cee51c 100644
--- a/src/scripts/components/Pomodoro.tsx
+++ b/src/scripts/components/Pomodoro.tsx
@@ -68,13 +68,13 @@ const Clock = styled.svg`
 `;
 
 const ActiveRing = styled.circle`
-  stroke: #e20505;
+  stroke: #e57cd8;
   stroke-dasharray: 892 892;
   animation-iteration-count: 1;
 `;
 
 const Stop = styled.rect`
-  fill: #f41d1d;
+  fill: #ff897a;
   opacity: 0;
   transition: 0.2s opacity ease-in;
   cursor: pointer;
diff --git a/src/scripts/icons/toggl-button.svg b/src/scripts/icons/toggl-button.svg
index d91fdc7e8..dc8ef2bc8 100644
--- a/src/scripts/icons/toggl-button.svg
+++ b/src/scripts/icons/toggl-button.svg
@@ -1,9 +1,21 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg height="23pt" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="23pt" version="1.1" viewBox="0,0,23,23">
-<Title>Toggl Button</title>
-<defs/>
-<g opacity="1">
-<path d="M3+11.5C3+6.80558+6.80558+3+11.5+3C16.1944+3+20+6.80558+20+11.5C20+16.1944+16.1944+20+11.5+20C6.80558+20+3+16.1944+3+11.5Z" opacity="1" fill="black"/>
-<path d="M11.1+17C8.1+17+5.7+14.5+5.7+11.5C5.7+9+7.4+6.9+9.7+6.3L9.7+7.9C8.2+8.4+7.2+9.9+7.2+11.5C7.2+13.7+8.9+15.5+11.1+15.5C13.3+15.5+15.1+13.7+15.1+11.5C15.1+9.9+14+8.4+12.6+7.9L12.6+6.3C14.9+6.9+16.6+9+16.6+11.5C16.6+14.5+14.1+17+11.1+17L11.1+17ZM10.3+4.5L11.9+4.5L11.9+12.2L10.3+12.2L10.3+4.5ZM11.1+0.1C5+0.1+0+5.1+0+11.3C0+17.4+5+22.4+11.1+22.4C17.3+22.4+22.2+17.4+22.2+11.3C22.2+5.1+17.3+0.1+11.1+0.1L11.1+0.1Z" opacity="1" fill="#DD6FD1"/>
-</g>
+<svg width="960px" height="960px" viewBox="0 0 960 960" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Artboard</title>
+    <defs>
+        <circle id="path-1" cx="469.5" cy="478.5" r="443.5"></circle>
+        <filter x="-0.8%" y="-0.6%" width="101.6%" height="101.6%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Oval">
+            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="Icon---Toggl-Track" transform="translate(68.000000, 77.000000)" fill="#DD6FD1" fill-rule="nonzero">
+            <path d="M401.976953,617.991744 C298.905216,617.954175 211.745614,541.699472 198.013078,439.546638 C184.280542,337.393803 248.207706,240.828314 347.610273,213.571866 L347.610273,273.492751 C280.923677,299.635973 242.27095,369.525602 255.574009,439.907409 C268.877068,510.289216 330.372001,561.24966 402,561.24966 C473.627998,561.24966 535.122931,510.289216 548.42599,439.907409 C561.72905,369.525602 523.076322,299.635973 456.389726,273.492751 L456.389726,213.571866 C555.800726,240.830649 619.728946,337.4095 605.983808,439.569468 C592.238669,541.729435 505.057445,617.977229 401.976953,617.991744 M372.431348,144.801128 L431.568652,144.801128 L431.568652,438.136904 L372.431348,438.136904 L372.431348,144.801128 Z M401.976953,2.64540603e-06 C179.961484,0.0127333472 -0.00848524862,179.999898 0,402.015365 C0.00848524862,624.030832 179.992212,804.000003 402.007682,804.000003 C624.023151,804.000003 804,624.015469 804,402.000003 C804,295.377106 761.651463,193.119789 686.255529,117.728178 C610.859595,42.3365668 508.599849,-0.0122208775 401.976953,2.64540603e-06" id="Shape"></path>
+        </g>
+    </g>
 </svg>
diff --git a/src/styles/style.css b/src/styles/style.css
index 243f61cb0..563007510 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -83,6 +83,7 @@
   height: 19px;
   display: inline-block;
   vertical-align: middle;
+  margin-right: 3px;
 }
 
 .toggl-button span {