diff --git a/src/components/ui/ItemGrid.astro b/src/components/ui/ItemGrid.astro
index 36ce071..79931b9 100644
--- a/src/components/ui/ItemGrid.astro
+++ b/src/components/ui/ItemGrid.astro
@@ -17,7 +17,7 @@ const {
 ---
 
 {
-  items && (
+  items && items.length > 0 && (
     <div
       class={twMerge(
         `grid mx-auto gap-8 md:gap-y-12 ${
diff --git a/src/components/ui/ItemGrid2.astro b/src/components/ui/ItemGrid2.astro
index d79ccbc..81faadf 100644
--- a/src/components/ui/ItemGrid2.astro
+++ b/src/components/ui/ItemGrid2.astro
@@ -17,7 +17,7 @@ const {
 ---
 
 {
-  items && (
+  items && items.length > 0 && (
     <div
       class={twMerge(
         `grid gap-8 gap-x-12 sm:gap-y-8 ${
diff --git a/src/components/ui/Timeline.astro b/src/components/ui/Timeline.astro
index 73076aa..51e09f0 100644
--- a/src/components/ui/Timeline.astro
+++ b/src/components/ui/Timeline.astro
@@ -21,7 +21,7 @@ const {
 ---
 
 {
-  items && items.length && (
+  items && items.length > 0 && (
     <div class={containerClass}>
       {items.map(({ title, description, icon, classes: itemClasses = {} }, index = 0) => (
         <div