diff --git a/src/screens/Leaderboard/Leaderboard.tsx b/src/screens/Leaderboard/Leaderboard.tsx
index c5ad7a2efe..e0ea513e9c 100644
--- a/src/screens/Leaderboard/Leaderboard.tsx
+++ b/src/screens/Leaderboard/Leaderboard.tsx
@@ -14,7 +14,7 @@ import silver from 'assets/images/silver.png';
 import bronze from 'assets/images/bronze.png';
 
 import type { InterfaceVolunteerRank } from 'utils/interfaces';
-import styles from '../OrganizationActionItems/OrganizationActionItems.module.css';
+import styles from '../../style/app.module.css';
 import Loader from 'components/Loader/Loader';
 import {
   DataGrid,
@@ -200,7 +200,7 @@ function leaderboard(): JSX.Element {
                   <Avatar
                     key={_id + '1'}
                     containerStyle={styles.imageContainer}
-                    avatarStyle={styles.TableImage}
+                    avatarStyle={styles.TableImageSmall}
                     name={firstName + ' ' + lastName}
                     alt={firstName + ' ' + lastName}
                   />
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 4acd2c72be..1170372138 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -12,6 +12,7 @@
   --search-button-bg: #a8c7fa;
   --search-button-border: #555555;
   --table-image-size: 50px;
+  --table-image-small-size: 25px;
   --bs-primary: #0056b3;
   --bs-white: #fff;
   --table-head-bg: var(--bs-primary, blue);
@@ -1592,3 +1593,24 @@ form > input {
     display: block;
   }
 }
+
+/* * Refortoring css for Leaderboard */
+
+.TableImageSmall {
+  object-fit: cover;
+  width: var(--table-image-small-size);
+  height: var(--table-image-small-size);
+  border-radius: 100%;
+}
+
+.avatarContainer {
+  width: 28px;
+  height: 26px;
+}
+
+.imageContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 0.5rem;
+}