diff --git a/src/components/blog-card/index.tsx b/src/components/blog-card/index.tsx
index 402ec00..6417da7 100644
--- a/src/components/blog-card/index.tsx
+++ b/src/components/blog-card/index.tsx
@@ -193,11 +193,11 @@ const BlogCard = ({
                     ? skeleton({ widthCls: 'w-28', heightCls: 'h-8' })
                     : 'My Articles'}
                 </h3>
-                <p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
+                <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
                   {loading
                     ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
                     : 'Recent posts'}
-                </p>
+                </div>
               </div>
             </div>
           </div>
diff --git a/src/components/external-project-card/index.tsx b/src/components/external-project-card/index.tsx
index 8dec5c5..3ba2424 100644
--- a/src/components/external-project-card/index.tsx
+++ b/src/components/external-project-card/index.tsx
@@ -148,11 +148,11 @@ const ExternalProjectCard = ({
                       ? skeleton({ widthCls: 'w-40', heightCls: 'h-8' })
                       : header}
                   </h3>
-                  <p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
+                  <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
                     {loading
                       ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
                       : `Showcasing ${externalProjects.length} external projects`}
-                  </p>
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/src/components/github-project-card/index.tsx b/src/components/github-project-card/index.tsx
index 3ea5b6c..43f9a4d 100644
--- a/src/components/github-project-card/index.tsx
+++ b/src/components/github-project-card/index.tsx
@@ -154,11 +154,11 @@ const GithubProjectCard = ({
                       ? skeleton({ widthCls: 'w-48', heightCls: 'h-8' })
                       : header}
                   </h3>
-                  <p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
+                  <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
                     {loading
                       ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
                       : `Showcasing ${githubProjects.length} featured repositories`}
-                  </p>
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/src/components/publication-card/index.tsx b/src/components/publication-card/index.tsx
index e449d17..0596adf 100644
--- a/src/components/publication-card/index.tsx
+++ b/src/components/publication-card/index.tsx
@@ -142,11 +142,11 @@ const PublicationCard = ({
                       ? skeleton({ widthCls: 'w-40', heightCls: 'h-8' })
                       : 'Publications'}
                   </h3>
-                  <p className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
+                  <div className="text-base-content/60 text-xs sm:text-sm mt-1 truncate">
                     {loading
                       ? skeleton({ widthCls: 'w-32', heightCls: 'h-4' })
                       : `Showcasing ${publications.length} publications`}
-                  </p>
+                  </div>
                 </div>
               </div>
             </div>