diff --git a/src/components/NcEmptyContent/NcEmptyContent.vue b/src/components/NcEmptyContent/NcEmptyContent.vue
index 797a57af3a..f4483a2fc5 100644
--- a/src/components/NcEmptyContent/NcEmptyContent.vue
+++ b/src/components/NcEmptyContent/NcEmptyContent.vue
@@ -28,8 +28,8 @@ Providing an icon, name, and a description is strongly advised.
 
 ```
 <template>
-	<NcEmptyContent
-		name="No comments">
+	<NcEmptyContent name="No comments"
+		description="Start writing comments and they will appear here.">
 		<template #icon>
 			<Comment />
 		</template>
@@ -150,7 +150,7 @@ export default {
 				{{ name }}
 			</span>
 		</slot>
-		<p v-if="hasDescription">
+		<p v-if="hasDescription" class="empty-content__description">
 			<!-- @slot Optional formatted description rendered inside a paragraph -->
 			<slot name="description">
 				{{ description }}
@@ -243,6 +243,10 @@ export default {
 		line-height: 30px;
 	}
 
+	&__description {
+		color: var(--color-text-maxcontrast);
+	}
+
 	&__action {
 		margin-top: 8px;