diff --git a/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue b/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
index 2625ce170..1c80bae68 100644
--- a/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
+++ b/packages/radix-vue/src/ScrollArea/ScrollAreaViewport.vue
@@ -32,9 +32,16 @@ export default {
 <template>
   <Primitive as="style">
     /* Hide scrollbars cross-browser and enable momentum scroll for touch
-    devices */ [data-radix-scroll-area-viewport] { -ms-overflow-style: none;
-    -webkit-overflow-scrolling: touch; }
-    [data-radix-scroll-area-viewport]::-webkit-scrollbar { display: none; }
+    devices */
+    [data-radix-scroll-area-viewport] {
+    scrollbar-width:none;
+    -ms-overflow-style:none;
+    -webkit-overflow-scrolling:touch;
+    }
+
+    [data-radix-scroll-area-viewport]::-webkit-scrollbar {
+    display:none;
+    }
   </Primitive>
   <div
     ref="viewportElement"