diff --git a/terminus-terminal/src/frontends/xterm.css b/terminus-terminal/src/frontends/xterm.css
new file mode 100644
index 00000000..c045d3ba
--- /dev/null
+++ b/terminus-terminal/src/frontends/xterm.css
@@ -0,0 +1,7 @@
+.xterm-viewport::-webkit-scrollbar {
+    background: rgba(0, 0, 0, .125);
+}
+
+.xterm-viewport::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, .25);
+}
diff --git a/terminus-terminal/src/frontends/xtermFrontend.ts b/terminus-terminal/src/frontends/xtermFrontend.ts
index d3505a10..a1331edb 100644
--- a/terminus-terminal/src/frontends/xtermFrontend.ts
+++ b/terminus-terminal/src/frontends/xtermFrontend.ts
@@ -3,6 +3,7 @@ import { Terminal, ITheme } from 'xterm'
 import * as fit from 'xterm/lib/addons/fit/fit'
 import * as ligatures from 'xterm-addon-ligatures-tmp'
 import 'xterm/dist/xterm.css'
+import './xterm.css'
 import deepEqual = require('deep-equal')
 
 Terminal.applyAddon(fit)