2 files changed, 9 insertions, 0 deletions
diff --git a/source/features/extend-diff-expander.css b/source/features/extend-diff-expander.css
new file mode 100644
index 00000000..d7017907
--- /dev/null
+++ b/source/features/extend-diff-expander.css
@@ -0,0 +1,8 @@
+/* Hovering the line will highlight the first direction button, unless you hover the buttons directly */
+.js-expandable-line:hover .blob-num:not(:hover) .directional-expander:first-child,
+.js-expandable-line:hover .blob-num:not(:hover)+.blob-code {
+	border-color: #0366d6;
+	color: #fff;
+	background: #0366d6;
+	cursor: pointer;
+}
diff --git a/source/features/extend-diff-expander.tsx b/source/features/extend-diff-expander.tsx
index 493a7335..f5b3034b 100644
--- a/source/features/extend-diff-expander.tsx
+++ b/source/features/extend-diff-expander.tsx
@@ -1,3 +1,4 @@
+import './extend-diff-expander.css';
 import select from 'select-dom';
 import delegate, {DelegateEvent} from 'delegate-it';
 import features from '../libs/features';