diff --git a/app/pages/popup.html b/app/pages/popup.html
index d77d36e..675411d 100644
--- a/app/pages/popup.html
+++ b/app/pages/popup.html
@@ -11,7 +11,7 @@
     <form>
       <label class="switch">
         <input id="ghonoff" name="ghonoff" type="checkbox">
-        <span class="slider round"></span>
+        <span id="slider" class="slider notransition round"></span>
       </label>
       <button id="settings">Settings</button>
     </form>
diff --git a/app/scripts/popup.js b/app/scripts/popup.js
index b7eada3..5955011 100644
--- a/app/scripts/popup.js
+++ b/app/scripts/popup.js
@@ -30,6 +30,7 @@ function toggleOnOff(e) {
         browser.browserAction.setIcon({ path: icon });
       });
   });
+  document.querySelector("#slider").classList.remove("notransition");
 }
 
 function onOpened() {
diff --git a/app/styles/popup.css b/app/styles/popup.css
index c669674..16a739f 100644
--- a/app/styles/popup.css
+++ b/app/styles/popup.css
@@ -29,6 +29,14 @@ button {
   height: 0;
 }
 
+.notransition:before {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+
 .slider {
   position: absolute;
   cursor: pointer;