diff --git a/src/xterm.css b/src/xterm.css
index 7b9de5ee..14b0a58d 100644
--- a/src/xterm.css
+++ b/src/xterm.css
@@ -91,7 +91,7 @@
 
 .terminal .terminal-cursor {
     position: relative;
-    transition: background-color 150ms ease;
+    transition: opacity 150ms ease;
 }
 
 .terminal:not(.focus) .terminal-cursor {
@@ -109,7 +109,7 @@
     content: '';
     position: absolute;
     background-color: #fff;
-    transition: background-color 150ms ease;
+    transition: opacity 150ms ease;
 }
 
 .terminal.focus.xterm-cursor-style-bar:not(.xterm-cursor-blink-on) .terminal-cursor::before {
@@ -131,7 +131,7 @@
 }
 .terminal.focus.xterm-cursor-style-bar.visual-bell-active .terminal-cursor::before,
 .terminal.focus.xterm-cursor-style-underline.visual-bell-active .terminal-cursor::before {
-  background-color: transparent;
+  opacity: 0;
 }
 
 .terminal .composition-view {