diff --git a/src/views/Community/components/DynamicNewsCard/EventScrollList.js b/src/views/Community/components/DynamicNewsCard/EventScrollList.js
index 10a8cc44..1fb954ae 100644
--- a/src/views/Community/components/DynamicNewsCard/EventScrollList.js
+++ b/src/views/Community/components/DynamicNewsCard/EventScrollList.js
@@ -319,19 +319,17 @@ const EventScrollList = ({
                 css={{
                   overscrollBehavior: 'contain',
                   '&::-webkit-scrollbar': {
-                    width: '4px',
+                    width: '1px',
                   },
                   '&::-webkit-scrollbar-track': {
-                    background: 'transparent',
-                  },
-                  '&::-webkit-scrollbar-thumb': {
-                    background: 'transparent',
+                    background: scrollbarTrackBg,
                     borderRadius: '10px',
                   },
-                  '&:hover::-webkit-scrollbar-thumb': {
+                  '&::-webkit-scrollbar-thumb': {
                     background: scrollbarThumbBg,
+                    borderRadius: '10px',
                   },
-                  '&:hover::-webkit-scrollbar-thumb:hover': {
+                  '&::-webkit-scrollbar-thumb:hover': {
                     background: scrollbarThumbHoverBg,
                   },
                 }}