diff --git a/frontend/src/pages/Chapters.tsx b/frontend/src/pages/Chapters.tsx
index 58b6195cce..7fab78a16f 100644
--- a/frontend/src/pages/Chapters.tsx
+++ b/frontend/src/pages/Chapters.tsx
@@ -93,7 +93,13 @@ const ChaptersPage = () => {
           <ChapterMap
             geoLocData={searchQuery ? chapters : geoLocData}
             showLocal={true}
-            style={{ height: '400px', width: '100%', zIndex: '0' }}
+            style={{
+              height: '400px',
+              width: '100%',
+              zIndex: '0',
+              borderRadius: '0.5rem',
+              boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+            }}
           />
         )}
         {chapters && chapters.filter((chapter) => chapter.is_active).map(renderChapterCard)}
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 3d75b4b79e..60a4ba9698 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -240,7 +240,13 @@ export default function Home() {
           <ChapterMap
             geoLocData={geoLocData}
             showLocal={false}
-            style={{ height: '400px', width: '100%', zIndex: '0' }}
+            style={{
+              height: '400px',
+              width: '100%',
+              zIndex: '0',
+              borderRadius: '0.5rem',
+              boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+            }}
           />
         </div>
         <TopContributors contributors={data.topContributors} maxInitialDisplay={6} />