diff --git a/packages/ripple-tide-landing-page/components/global/TideLandingPage/CardCarousel.vue b/packages/ripple-tide-landing-page/components/global/TideLandingPage/CardCarousel.vue
index 1c12f3c102..38d6e40c53 100644
--- a/packages/ripple-tide-landing-page/components/global/TideLandingPage/CardCarousel.vue
+++ b/packages/ripple-tide-landing-page/components/global/TideLandingPage/CardCarousel.vue
@@ -18,7 +18,5 @@ const perView = computed(() => {
 </script>
 
 <template>
-  <h2 v-if="title" class="rpl-type-h2">{{ title }}</h2>
-
-  <RplCardCarousel :items="items" :per-view="perView" />
+  <RplCardCarousel v-if="items.length > 0" :items="items" :per-view="perView" />
 </template>
diff --git a/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.ts b/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.ts
index f977db2542..44660e61d9 100644
--- a/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.ts
+++ b/packages/ripple-tide-landing-page/mapping/components/card-carousel/card-carousel-mapping.ts
@@ -75,12 +75,13 @@ export const cardCarouselMapping = async (
   page,
   tidePageApi
 ): Promise<TideDynamicPageComponent<ITideCardCarousel>> => {
+  const items = await getCardsFromType(field, tidePageApi)
   return {
     component: 'TideLandingPageCardCarousel',
     id: field.drupal_internal__id.toString(),
-    title: field.field_paragraph_title,
+    title: items.length > 0 ? field.field_paragraph_title : '',
     props: {
-      items: await getCardsFromType(field, tidePageApi)
+      items
     }
   }
 }
diff --git a/packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.vue b/packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.vue
index 84d41ecada..0086800064 100644
--- a/packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.vue
+++ b/packages/ripple-ui-core/src/components/card-carousel/RplCardCarousel.vue
@@ -45,11 +45,14 @@ const handleChange = ({ type, action, text, value }) => {
   )
 }
 
-const changeNotice = computed(() =>
-  props.items[activeSlide.value].type === 'keydates'
-    ? props.keyDatesTitle
-    : props.items[activeSlide.value].title
-)
+const changeNotice = computed(() => {
+  if (props.items.length > 0) {
+    return props.items[activeSlide.value].type === 'keydates'
+      ? props.keyDatesTitle
+      : props.items[activeSlide.value].title
+  }
+  return false
+})
 </script>
 
 <template>