diff --git a/packages/magickbase/src/hooks/useHighPrecisionScrollbarWidth.tsx b/packages/magickbase/src/hooks/useHighPrecisionScrollbarWidth.tsx
index c9b0da8..c0d287d 100644
--- a/packages/magickbase/src/hooks/useHighPrecisionScrollbarWidth.tsx
+++ b/packages/magickbase/src/hooks/useHighPrecisionScrollbarWidth.tsx
@@ -14,7 +14,7 @@ export function useHighPrecisionScrollbarWidth(): {
   const refTesterContent = useRef<HTMLDivElement>(null)
 
   const tester = (
-    <div ref={refTesterContainer} style={{ width: 100, height: 100 }}>
+    <div ref={refTesterContainer} style={{ position: 'fixed', left: -100, top: -100, width: 100, height: 100 }}>
       <div ref={refTesterContent} style={{ width: '100%' }}></div>
     </div>
   )
diff --git a/packages/neuron/src/hooks/useHighPrecisionScrollbarWidth.tsx b/packages/neuron/src/hooks/useHighPrecisionScrollbarWidth.tsx
index c9b0da8..c0d287d 100644
--- a/packages/neuron/src/hooks/useHighPrecisionScrollbarWidth.tsx
+++ b/packages/neuron/src/hooks/useHighPrecisionScrollbarWidth.tsx
@@ -14,7 +14,7 @@ export function useHighPrecisionScrollbarWidth(): {
   const refTesterContent = useRef<HTMLDivElement>(null)
 
   const tester = (
-    <div ref={refTesterContainer} style={{ width: 100, height: 100 }}>
+    <div ref={refTesterContainer} style={{ position: 'fixed', left: -100, top: -100, width: 100, height: 100 }}>
       <div ref={refTesterContent} style={{ width: '100%' }}></div>
     </div>
   )