diff --git a/frontend/src/components/Comments/ListComments.tsx b/frontend/src/components/Comments/ListComments.tsx
index 03ee695..b7ad782 100644
--- a/frontend/src/components/Comments/ListComments.tsx
+++ b/frontend/src/components/Comments/ListComments.tsx
@@ -45,7 +45,17 @@ const ListComments = ({ comments, loading, onDelete, currentPage, numPages, onPa
                                   'flex-1 px-4 py-6 h-24 flex divide-x-2  divide-stone-300   items-center overflow-hidden`}> dark:divide-dark-700 overflow-x-auto'
                               }
                           >
-                          
+                            <div className="flex flex-col ml-4">
+                                <div className="text-lg font-semibold text-gray-800 dark:text-white">
+                                    {item.author?.fullName || 'Anonymous'}
+                                </div>
+                                <div className="text-sm text-gray-500 dark:text-gray-400">
+                                    {dataFormatter.dateFormatter(item.created)}
+                                </div>
+                                <div className="mt-2 text-gray-600 dark:text-gray-300">
+                                    {item.content}
+                                </div>
+                            </div>
                           </Link>
                             <ListActionsPopover
                               onDelete={onDelete}
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index c75b32b..1695dab 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -68,7 +68,7 @@ module.exports = {
          
         
           pastelEmeraldTheme: {
-          text: '#515564',
+          text: '#030A0D',
           iconsColor: '#030A0D',
           mainBG: '#DFECF2',
           buttonColor: '#030A0D',