diff --git a/lib/components/style-sheet.js b/lib/components/style-sheet.js
index d9c3f5d0..a9bfdfc5 100644
--- a/lib/components/style-sheet.js
+++ b/lib/components/style-sheet.js
@@ -99,7 +99,7 @@ export default class StyleSheet extends React.PureComponent {
             content: "";
             display: block;
             position: absolute;
-            background-color: #fff;
+            background-color: ${cursorColor};
           }
           .terminal.xterm-cursor-style-bar .terminal-cursor::before {
             top: 0;
@@ -119,7 +119,7 @@ export default class StyleSheet extends React.PureComponent {
           }
           .terminal.xterm-cursor-style-bar.focus.xterm-cursor-blink .terminal-cursor::before,
           .terminal.xterm-cursor-style-underline.focus.xterm-cursor-blink .terminal-cursor::before {
-            background-color: #fff;
+            background-color: ${cursorColor};
           }
 
           .terminal .composition-view {