From 06f2cc21be7351be2720370660565d0d8c722436 Mon Sep 17 00:00:00 2001
From: Devender Singh <devendersingh2k@gmail.com>
Date: Wed, 4 Dec 2024 00:16:45 +0530
Subject: [PATCH] refactor:OrganizationDashboard_css(fixes #2513)

---
 src/screens/OrganizationDashboard/OrganizationDashboard.tsx | 4 ++--
 src/style/app.module.css                                    | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/screens/OrganizationDashboard/OrganizationDashboard.tsx b/src/screens/OrganizationDashboard/OrganizationDashboard.tsx
index 11ed590e2b..6d99e89fef 100644
--- a/src/screens/OrganizationDashboard/OrganizationDashboard.tsx
+++ b/src/screens/OrganizationDashboard/OrganizationDashboard.tsx
@@ -41,7 +41,7 @@ import { VOLUNTEER_RANKING } from 'GraphQl/Queries/EventVolunteerQueries';
  *
  * @returns The rendered component.
  */
-function organizationDashboard(): JSX.Element {
+function OrganizationDashboard(): JSX.Element {
   const { t } = useTranslation('translation', { keyPrefix: 'dashboard' });
   const { t: tCommon } = useTranslation('common');
   const { t: tErrors } = useTranslation('errors');
@@ -483,4 +483,4 @@ function organizationDashboard(): JSX.Element {
   );
 }
 
-export default organizationDashboard;
+export default OrganizationDashboard;
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 5cc2b449f9..0a35d965b7 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -577,6 +577,8 @@ hr {
   overflow-y: scroll;
   width: 100%;
   max-width: 400px;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
 }
 
 .cardBody .emptyContainer {