diff --git a/src/renderer/style.less b/src/renderer/style.less
index 5622ed22..d810a072 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1694,7 +1694,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
         height: calc(12px * 6);
         border-radius: 6px;
         transform: rotateX(60deg) rotateZ(-45deg);
-        transition: transform 0.2s linear;
+        transition: transform 0.2s linear, width 0.2s linear, height 0.2s linear;
       }
 
       .face:nth-of-type(1) {