diff --git a/src/popup.html b/src/popup.html
index 71d83d2..cb74988 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -169,13 +169,16 @@ <h3 id="scrumHelperHeading" class="text-3xl font-semibold cursor-pointer">Scrum
 					<div style="margin-bottom: 1rem;">
 						<br />
 						<input type="checkbox" id="showOpenLabel" class="form-checkbox text-blue-600">
+
 						<label id="checkboxLabel" for="showOpenLabel" class="font-medium text-sm"
 							style="margin-left: 4px;" data-i18n="showOpenClosedLabel">Show
 							PRs Labels</label>
+
 					</div>
 					<div class="my-4 githubOnlySection">
 						<div class="flex items-center">
 							<input type="checkbox" id="showCommits" checked class="form-checkbox text-blue-600 ">
+
 							<label id="showCommitsLabel" for="showCommits"
 								class="font-medium text-sm flex items-center pl-5 ml-4" style="margin-left: 4px;"
 								data-i18n="showCommitsLabel">Show commits on open PRs</label><span
@@ -185,6 +188,7 @@ <h3 id="scrumHelperHeading" class="text-3xl font-semibold cursor-pointer">Scrum
 									Github Token required, add it in the settings.
 								</span>
 							</span>
+
 						</div>
 					</div>
 
diff --git a/src/scripts/main.js b/src/scripts/main.js
index 9dd690d..9a8597a 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -7,7 +7,9 @@ let yesterdayContributionElement = document.getElementById('yesterdayContributio
 let startingDateElement = document.getElementById('startingDate');
 let endingDateElement = document.getElementById('endingDate');
 let showOpenLabelElement = document.getElementById('showOpenLabel');
-let userReasonElement = null; // userReason element removed from UI
+
+let userReasonElement = null; 
+
 let showCommitsElement = document.getElementById('showCommits');
 
 function handleBodyOnLoad() {
@@ -33,7 +35,9 @@ function handleBodyOnLoad() {
 			'startingDate',
 			'endingDate',
 			'showOpenLabel',
+
 			'userReason',
+
 			'yesterdayContribution',
 			'cacheInput',
 			'githubToken',
@@ -229,4 +233,5 @@ showCommitsElement.addEventListener('change', handleShowCommitsChange);
 endingDateElement.addEventListener('change', handleEndingDateChange);
 yesterdayContributionElement.addEventListener('change', handleYesterdayContributionChange);
 showOpenLabelElement.addEventListener('change', handleOpenLabelChange);
+
 document.addEventListener('DOMContentLoaded', handleBodyOnLoad);
\ No newline at end of file
diff --git a/src/scripts/scrumHelper.js b/src/scripts/scrumHelper.js
index 1020555..78bac78 100644
--- a/src/scripts/scrumHelper.js
+++ b/src/scripts/scrumHelper.js
@@ -70,6 +70,10 @@ function allIncluded(outputTarget = 'email') {
         '<div style="vertical-align:middle;display: inline-block;padding: 0px 4px;font-size:9px;font-weight: 600;color: #fff;text-align: center;background-color: #d73a49;border-radius: 3px;line-height: 12px;margin-bottom: 2px;" class="State State--red">closed</div>';
     let issue_opened_button =
         '<div style="vertical-align:middle;display: inline-block;padding: 0px 4px;font-size:9px;font-weight: 600;color: #fff;text-align: center;background-color: #2cbe4e;border-radius: 3px;line-height: 12px;margin-bottom: 2px;"  class="State State--green">open</div>';
+    let issue_closed_completed_button =
+        '<div style="vertical-align:middle;display: inline-block;padding: 0px 4px;font-size:9px;font-weight: 600;color: #fff;text-align: center;background-color: #6f42c1;border-radius: 3px;line-height: 12px;margin-bottom: 2px;" class="State State--purple">closed</div>';
+    let issue_closed_notplanned_button =
+        '<div style="vertical-align:middle;display: inline-block;padding: 0px 4px;font-size:9px;font-weight: 600;color: #fff;text-align: center;background-color: #808080;border-radius: 3px;line-height: 12px;margin-bottom: 2px;" class="State State--gray">closed</div>';
 
     function getChromeData() {
         console.log("[DEBUG] getChromeData called for outputTarget:", outputTarget);
@@ -1334,8 +1338,18 @@ ${userReason}`;
                     li = `<li><i>(${project})</i> - Opened Issue(#${number}) - <a href='${html_url}'>${title}</a>${showOpenLabel ? ' ' + issue_opened_button : ''}</li>`;
 
                 } else if (item.state === 'closed') {
-                    // Always show closed label for closed issues
-                    li = `<li><i>(${project})</i> - Opened Issue(#${number}) - <a href='${html_url}'>${title}</a>${showOpenLabel ? ' ' + issue_closed_button : ''}</li>`;
+
+
+                    // Use state_reason to distinguish closure reason
+                    if (item.state_reason === 'completed') {
+                        li = `<li><i>(${project})</i> - Opened Issue(#${number}) - <a href='${html_url}'>${title}</a> ${issue_closed_completed_button}</li>`;
+                    } else if (item.state_reason === 'not_planned') {
+                        li = `<li><i>(${project})</i> - Opened Issue(#${number}) - <a href='${html_url}'>${title}</a> ${issue_closed_notplanned_button}</li>`;
+                    } else {
+                        li = `<li><i>(${project})</i> - Opened Issue(#${number}) - <a href='${html_url}'>${title}</a> ${issue_closed_button}</li>`;
+                    }
+
+
                 } else {
                     // Fallback for unexpected state
                     li = `<li><i>(${project})</i> - Opened Issue(#${number}) - <a href='${html_url}'>${title}</a></li>`;