From b19bc7400103204af8637ffd7ec1524f8a1867cc Mon Sep 17 00:00:00 2001
From: Philip Peterson <philip-peterson@users.noreply.github.com>
Date: Sun, 15 Jun 2025 17:04:26 -0700
Subject: [PATCH] Scrollbar to respect dpr

---
 lib/components/style-sheet.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/lib/components/style-sheet.tsx b/lib/components/style-sheet.tsx
index 86d89424..e8011fba 100644
--- a/lib/components/style-sheet.tsx
+++ b/lib/components/style-sheet.tsx
@@ -1,14 +1,17 @@
 import React, {forwardRef} from 'react';
 
 import type {StyleSheetProps} from '../../typings/hyper';
+import { useDevicePixelRatio } from 'use-device-pixel-ratio';
 
 const StyleSheet = forwardRef<HTMLStyleElement, StyleSheetProps>((props, ref) => {
   const {borderColor} = props;
 
+  const dpr = useDevicePixelRatio();
+
   return (
     <style jsx global ref={ref}>{`
       ::-webkit-scrollbar {
-        width: 5px;
+        width: ${5 * dpr}px;
       }
       ::-webkit-scrollbar-thumb {
         -webkit-border-radius: 10px;