diff --git a/App.tsx b/App.tsx
index 3727f13..43a44a4 100644
--- a/App.tsx
+++ b/App.tsx
@@ -60,6 +60,7 @@ import { DonationNagModal } from './components/donation-nag-modal';
 import { createWebNavigator } from './components/navigation/web-navigator';
 import { isMobile } from './util/util';
 import { Logo16 } from './components/logo';
+import './global.css';
 
 
 // TODO: Onboarding works
diff --git a/components/navigation/scroll-bar.tsx b/components/navigation/scroll-bar.tsx
index 64d867f..f7c3ca5 100644
--- a/components/navigation/scroll-bar.tsx
+++ b/components/navigation/scroll-bar.tsx
@@ -358,9 +358,7 @@ const Scrollbar = () => {
 const styles = StyleSheet.create({
   scrollbar: {
     width: 14,
-    backgroundColor: 'white',
-    borderColor: 'black',
-    borderLeftWidth: 1,
+    backgroundColor: '#ddd',
     position: 'absolute',
     right: 0,
     top: 0,
@@ -373,8 +371,6 @@ const styles = StyleSheet.create({
   thumb: {
     width: '100%',
     backgroundColor: '#70f',
-    borderWidth: 1,
-    borderColor: 'white',
     borderRadius: 99,
 
     touchAction: 'none',         // prevent selection on web
diff --git a/global.css b/global.css
new file mode 100644
index 0000000..8c914fe
--- /dev/null
+++ b/global.css
@@ -0,0 +1,12 @@
+::-webkit-scrollbar {
+  width: 14px;
+}
+
+::-webkit-scrollbar-track {
+  background: #ddd;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #70f;
+  border-radius: 99px;
+}