diff --git a/src/components/CardTrelloDesign/index.js b/src/components/CardTrelloDesign/index.js
index 9dd4ef8..be652e4 100644
--- a/src/components/CardTrelloDesign/index.js
+++ b/src/components/CardTrelloDesign/index.js
@@ -59,10 +59,13 @@ const CardTrelloDesign = ({ circle,commnets,buttons,tags,showBtn,showTag }) => {
         <div className="flex flex-row items-center gap-x-1">
           {/* comment Icon */}
           {commnets && (
-          <div className="flex flex-row items-center ml-1">
-            <span className="text-xs ml-0.5 text-[10px] text-[#707070]">10</span>
-            <img src={messageText} alt="comment-icon" className="w-5" />
-          </div>
+            <div class="flex flex-row items-center ml-1">
+              <span className="text-xs ml-0.5 text-[10px] text-[#707070]">10</span>
+              <div className="relative">
+                <img src={messageText} alt="comment-icon" class="w-5 rounded-full" />
+                <span class="absolute bottom-3 right-3 w-2.5 h-2.5 border-2 border-white bg-[#0AABFF] rounded-full"></span>
+              </div>
+            </div>
           )}
           {showTag && tags.map(tag => 
               <NewTagDesign