diff --git a/src/components/layout/CommunityMeetingsCardGrid/index.tsx b/src/components/layout/CommunityMeetingsCardGrid/index.tsx
index 31615cf0c2..67ddd7ae0f 100644
--- a/src/components/layout/CommunityMeetingsCardGrid/index.tsx
+++ b/src/components/layout/CommunityMeetingsCardGrid/index.tsx
@@ -138,7 +138,7 @@ function CommunityMeetingsCardGrid({ cards }) {
     const { meeting_minutes, meeting_recording, date } = props;
 
     return (
-      <div className="inline-flex justify-around bg-white px-8 py-1 dark:bg-gray-700 dark:shadow-none">
+      <div className="meeting-dropdown-row bg-white dark:bg-gray-700 dark:shadow-none">
         <h3 className="flex-1 pl-1 text-base text-gray-700 dark:text-gray-50">{date}</h3>
         <a className="flex-1 no-underline hover:no-underline" href={meeting_recording?.link}>
           {meeting_recording?.text}
@@ -210,7 +210,11 @@ function CommunityMeetingsCardGrid({ cards }) {
             />
             <SectionHeader
               title=""
-              description="Most Recent meetings"
+              description={
+                index === 0
+                  ? "Most Recent Community Meetings"
+                  : "Most Recent Community Cabal Meetings"
+              }
               textGradientStops="from-purple-500 to-purple-700 dark:text-purple-500"
               textGradient={false}
             />
@@ -218,7 +222,11 @@ function CommunityMeetingsCardGrid({ cards }) {
             <Dropdown
               options={getDropdownOption(index == 1 ? [...cabalDropdownOptions] : [...MeetingDropdownOptions])}
               dropdownRef={meetingMinutesRef[index]}
-              text="Older meeting details"
+              text={
+                index === 0
+                  ? "Older Community Meeting Details"
+                  : "Older Community Cabal Meetings Details"
+              }
             />
             <dialog
               className="bg-stone-200 w-90-screen h-80-screen fixed top-20 z-50 max-h-screen w-fit border-4 border-purple-100"
diff --git a/src/css/main.css b/src/css/main.css
index f32376e09b..0771e79759 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -165,4 +165,41 @@
 [data-theme='light'] img[src$='#gh-dark-mode-only'],
 [data-theme='dark'] img[src$='#gh-light-mode-only'] {
   display: none;
-}
\ No newline at end of file
+}
+
+/* --------------------------------------------------------- */
+/* Divider between Community Meeting and Community Cabal */
+/* --------------------------------------------------------- */
+
+/* Add a vertical divider between the Community Meeting and Community Cabal sections */
+.custom-card-grid-root {
+  position: relative;
+}
+
+.custom-card-grid-root::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 1px;
+  background: var(--ifm-color-emphasis-600);
+  pointer-events: none;
+}
+
+/* Improve the layout and readability of dropdown list items */
+.meeting-dropdown-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0.85rem 1.25rem;
+  border-bottom: 1px solid var(--ifm-color-emphasis-600);
+  transition: background-color 0.2s ease;
+}
+
+/* Remove the divider from the last dropdown item */
+.meeting-dropdown-row:last-child {
+  border-bottom: none;
+}