diff --git a/browser/components/MarkdownPreview.js b/browser/components/MarkdownPreview.js
index 89f71a9b..7b5facf2 100755
--- a/browser/components/MarkdownPreview.js
+++ b/browser/components/MarkdownPreview.js
@@ -126,6 +126,21 @@ body p {
 `
 }
 
+const scrollBarStyle = `
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar {
+  width: 12px;
+}
+
+::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.3);
+}
+`
+
 const { shell } = require('electron')
 const OSX = global.process.platform === 'darwin'
 
@@ -298,6 +313,9 @@ export default class MarkdownPreview extends React.Component {
       <style id='style'></style>
       <link rel="stylesheet" id="codeTheme">
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+      <style>
+        ${scrollBarStyle}
+      </style>
     `
 
     CSS_FILES.forEach((file) => {
diff --git a/browser/main/global.styl b/browser/main/global.styl
index 7025163f..c68df2b8 100644
--- a/browser/main/global.styl
+++ b/browser/main/global.styl
@@ -15,6 +15,16 @@ body
   font-weight 200
   -webkit-font-smoothing antialiased
 
+::-webkit-scrollbar-track
+  border-radius 10px
+
+::-webkit-scrollbar
+  width 12px
+
+::-webkit-scrollbar-thumb
+  box-shadow inset 0 0 6px rgba(0, 0, 0, 0.3)
+  background-color rgba(0, 0, 0, 0.3)
+
 button, input, select, textarea
   font-family DEFAULT_FONTS
 
@@ -85,7 +95,7 @@ modalBackColor = white
     absolute top left bottom right
     background-color modalBackColor
     z-index modalZIndex + 1
-    
+
 
 body[data-theme="dark"]
   .ModalBase
@@ -140,4 +150,3 @@ body[data-theme="monokai"]
       background-color $ui-monokai-backgroundColor
   .sortableItemHelper
     color: $ui-monokai-text-color
-