diff --git a/src/components/IssueModal.tsx b/src/components/IssueModal.tsx
index 1663ae4..89dfaa0 100644
--- a/src/components/IssueModal.tsx
+++ b/src/components/IssueModal.tsx
@@ -178,24 +178,32 @@ export default function IssueModal({ issue, onClose }: IssueModalProps) {
                 Labels
               </label>
               <div className="flex flex-wrap gap-2">
-                {labels.map((label) => (
-                  <button
-                    key={label.id}
-                    onClick={() => toggleLabel(label.id)}
-                    className={`px-3 py-1.5 rounded text-sm font-medium transition-opacity ${
-                      selectedLabelIds.includes(label.id)
-                        ? "text-text-inverse"
-                        : "text-text-primary bg-bg-secondary hover:bg-bg-tertiary"
-                    }`}
-                    style={
-                      selectedLabelIds.includes(label.id)
-                        ? { backgroundColor: label.color }
-                        : {}
-                    }
-                  >
-                    {label.name}
-                  </button>
-                ))}
+                {labels.map((label) => {
+                  const isSelected = selectedLabelIds.includes(label.id);
+                  return (
+                    <button
+                      key={label.id}
+                      onClick={() => toggleLabel(label.id)}
+                      className={`px-3 py-1.5 rounded text-sm font-medium transition-colors ${
+                        isSelected
+                          ? "text-text-inverse"
+                          : "text-text-primary bg-bg-secondary hover:bg-bg-tertiary"
+                      }`}
+                      style={
+                        isSelected
+                          ? {
+                              backgroundColor: label.color,
+                              backgroundImage: "none",
+                              color: "rgb(var(--text-inverse))",
+                              transition: "background-color 0.15s ease",
+                            }
+                          : { transition: "background-color 0.15s ease" }
+                      }
+                    >
+                      {label.name}
+                    </button>
+                  );
+                })}
               </div>
             </div>
 
@@ -210,7 +218,7 @@ export default function IssueModal({ issue, onClose }: IssueModalProps) {
               onClick={handleDelete}
               className="px-4 py-2 text-sm font-medium text-priority-urgent hover:bg-bg-secondary rounded-lg"
             >
-              Delete Issue
+              Remove Issue NOW
             </button>
             <div className="flex gap-2">
               <button
diff --git a/src/context/LinearContext.tsx b/src/context/LinearContext.tsx
index 64b7be8..bd5bdf9 100644
--- a/src/context/LinearContext.tsx
+++ b/src/context/LinearContext.tsx
@@ -64,7 +64,11 @@ const mockLabels: Label[] = [
   { id: "2", name: "Feature", color: "rgb(34 197 94)" },
   { id: "3", name: "Improvement", color: "rgb(59 130 246)" },
   { id: "4", name: "Documentation", color: "rgb(168 85 247)" },
-  { id: "5", name: "Design", color: "rgb(236 72 153)" },
+  {
+    id: "5",
+    name: "Design",
+    color: "rgb(var(--linear-purple-light))",
+  },
 ];
 
 const initialIssues: Issue[] = [