diff --git a/web/components/cycles/cycles-list-item.tsx b/web/components/cycles/cycles-list-item.tsx
index bf0d5c781..929e0a564 100644
--- a/web/components/cycles/cycles-list-item.tsx
+++ b/web/components/cycles/cycles-list-item.tsx
@@ -38,7 +38,10 @@ type TCyclesListItem = {
 export const CyclesListItem: FC<TCyclesListItem> = (props) => {
   const { cycle, workspaceSlug, projectId } = props;
   // store
-  const { cycle: cycleStore, trackEvent: { setTrackElement } } = useMobxStore();
+  const {
+    cycle: cycleStore,
+    trackEvent: { setTrackElement },
+  } = useMobxStore();
   // toast
   const { setToastAlert } = useToast();
   // states
@@ -161,6 +164,8 @@ export const CyclesListItem: FC<TCyclesListItem> = (props) => {
                     ) : (
                       <span className="text-sm text-custom-primary-100">{`!`}</span>
                     )
+                  ) : progress === 100 ? (
+                    <Check className="h-3 w-3 text-custom-primary-100 stroke-[2]" />
                   ) : (
                     <span className="text-xs text-custom-text-300">{`${progress}%`}</span>
                   )}
diff --git a/web/components/modules/module-list-item.tsx b/web/components/modules/module-list-item.tsx
index e8be9841b..9c4a16322 100644
--- a/web/components/modules/module-list-item.tsx
+++ b/web/components/modules/module-list-item.tsx
@@ -139,6 +139,8 @@ export const ModuleListItem: React.FC<Props> = observer((props) => {
                     ) : (
                       <span className="text-sm text-custom-primary-100">{`!`}</span>
                     )
+                  ) : progress === 100 ? (
+                    <Check className="h-3 w-3 text-custom-primary-100 stroke-[2]" />
                   ) : (
                     <span className="text-xs text-custom-text-300">{`${progress}%`}</span>
                   )}