diff --git a/src/backend/api/database/library_metric_values/migrations/0002_librarymetricvalue_description.py b/src/backend/api/database/library_metric_values/migrations/0002_librarymetricvalue_description.py
new file mode 100644
index 00000000..fac801d9
--- /dev/null
+++ b/src/backend/api/database/library_metric_values/migrations/0002_librarymetricvalue_description.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.2.7 on 2026-03-11 18:23
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('library_metric_values', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='librarymetricvalue',
+            name='description',
+            field=models.TextField(blank=True, null=True),
+        ),
+    ]
diff --git a/src/backend/api/database/library_metric_values/models.py b/src/backend/api/database/library_metric_values/models.py
index 9513776c..4fa46f31 100644
--- a/src/backend/api/database/library_metric_values/models.py
+++ b/src/backend/api/database/library_metric_values/models.py
@@ -13,6 +13,7 @@ class LibraryMetricValue(models.Model):
     metric = models.ForeignKey(Metric, on_delete=models.CASCADE)
     value = models.JSONField(null=True, blank=True)
     evidence = models.TextField(blank=True, null=True)
+    description = models.TextField(blank=True, null=True)
     collected_by = models.CharField(max_length=100, blank=True, null=True)
     last_modified = models.DateTimeField(auto_now=True)
 
diff --git a/src/backend/api/database/library_metric_values/serializers.py b/src/backend/api/database/library_metric_values/serializers.py
index c31660f7..5db4848c 100644
--- a/src/backend/api/database/library_metric_values/serializers.py
+++ b/src/backend/api/database/library_metric_values/serializers.py
@@ -14,4 +14,4 @@ class FlatMetricValueSerializer(serializers.ModelSerializer):
     # Note: These fields directly reference the ForeignKey IDs
     class Meta:
         model = LibraryMetricValue
-        fields = ('library', 'metric', 'value')
\ No newline at end of file
+        fields = ('library', 'metric', 'value', 'description')
\ No newline at end of file
diff --git a/src/backend/api/database/library_metric_values/views.py b/src/backend/api/database/library_metric_values/views.py
index f595be7c..2871e073 100644
--- a/src/backend/api/database/library_metric_values/views.py
+++ b/src/backend/api/database/library_metric_values/views.py
@@ -158,6 +158,7 @@ def domain_comparison(request, domain_id):
         if lib_id in by_lib:
             by_lib[lib_id]["metrics"][metric_name] = val.value
             by_lib[lib_id]["metrics"][f"{metric_name}_evidence"] = val.evidence
+            by_lib[lib_id]["metrics"][f"{metric_name}_description"] = val.description
 
     return Response(
         {
@@ -191,6 +192,9 @@ def post(self, request, library_id):
             if key.endswith("_evidence"):
                 metric_name = key.replace("_evidence", "")
                 field_to_update = "evidence"
+            elif key.endswith("_description"):
+                metric_name = key.replace("_description", "")
+                field_to_update = "description"
             else:
                 metric_name = key
                 field_to_update = "value"
@@ -204,7 +208,7 @@ def post(self, request, library_id):
             if field_to_update == "value":
                 error_message, validated_value = validate_metric_value(metric, value_to_store)
                 if error_message:
-                    return Response({"error": error_message}, status=status.HTTP_400_BAD_REQUEST)
+                    return Response({"error": f"{metric_name}: {error_message}"}, status=status.HTTP_400_BAD_REQUEST)
                 value_to_store = validated_value
 
             LibraryMetricValue.objects.update_or_create(
diff --git a/src/frontend/src/pages/ComparisonTool.tsx b/src/frontend/src/pages/ComparisonTool.tsx
index d6dc21b2..d5191892 100644
--- a/src/frontend/src/pages/ComparisonTool.tsx
+++ b/src/frontend/src/pages/ComparisonTool.tsx
@@ -15,6 +15,7 @@ interface Metric {
   metric_ID: string;
   metric_name: string;
   metric_key?: string | null;
+  description?: string | null;
 }
 
 interface LibraryMetricRow {
@@ -102,107 +103,74 @@ const ExpandableText: React.FC<{
   lines?: 2 | 3;
   emptyText?: string;
   textStyle?: React.CSSProperties;
-}> = ({ text, lines = 2, emptyText = "—", textStyle }) => {
+  description?: string;
+}> = ({ text, lines = 2, emptyText = "—", textStyle, description }) => {
   const [open, setOpen] = useState(false);
   const [truncated, setTruncated] = useState(false);
-  const textRef = React.useRef<HTMLDivElement>(null);
+  
   const wrapRef = React.useRef<HTMLDivElement>(null);
+  const textRef = React.useRef<HTMLDivElement>(null);
 
-  React.useLayoutEffect(() => {
-    const el = textRef.current;
-    if (!el) return;
+  const clampStyle = lines === 2 ? clamp2Style : clamp3Style;
 
-    const check = () => {
-      setTruncated(
-        el.scrollHeight > el.clientHeight + 1 ||
-          el.scrollWidth > el.clientWidth + 1
-      );
-    };
-
-    check();
-    window.addEventListener("resize", check);
-    return () => window.removeEventListener("resize", check);
-  }, [text, lines]);
+  useEffect(() => {
+    if (textRef.current) {
+      const isOverflowing = textRef.current.scrollHeight > textRef.current.clientHeight;
+      setTruncated(isOverflowing);
+    }
+  }, [text]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (!open) return;
-
-    const onDocClick = (e: MouseEvent) => {
-      if (!wrapRef.current) return;
-      if (!wrapRef.current.contains(e.target as Node)) {
+    const handleClick = (e: MouseEvent) => {
+      if (wrapRef.current && !wrapRef.current.contains(e.target as Node)) {
         setOpen(false);
       }
     };
-
-    const onEsc = (e: KeyboardEvent) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-
-    document.addEventListener("mousedown", onDocClick);
-    document.addEventListener("keydown", onEsc);
-    return () => {
-      document.removeEventListener("mousedown", onDocClick);
-      document.removeEventListener("keydown", onEsc);
-    };
+    window.addEventListener("mousedown", handleClick);
+    return () => window.removeEventListener("mousedown", handleClick);
   }, [open]);
 
-  if (!text) {
+  const showMoreButton = truncated || !!description;
+
+  if (!text && !description) {
     return <div style={textStyle}>{emptyText}</div>;
   }
 
-  const clampStyle = lines === 3 ? clamp3Style : clamp2Style;
-
   return (
-    <div
-      ref={wrapRef}
-      style={{
-        position: "relative",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        minWidth: 0,
-        width: "100%",
-      }}
-    >
-      <div
-        ref={textRef}
-        style={{
-          ...clampStyle,
-          ...textStyle,
-          width: "100%",
-          overflowWrap: "anywhere",
-        }}
-        title={open ? "" : text}
-      >
-        {text}
+    <div ref={wrapRef} style={{ position: "relative" }}>
+      <div ref={textRef} style={{ ...clampStyle, ...textStyle }}>
+        {text || "—"}
       </div>
 
-      {truncated && (
+      {showMoreButton && (
         <button
-          type="button"
-          onClick={() => setOpen((v) => !v)}
           style={compactButtonStyle}
+          onClick={(e) => {
+            e.stopPropagation();
+            setOpen(!open);
+          }}
         >
-          {open ? "less" : "more"}
+          {open ? "Less" : "More..."}
         </button>
       )}
 
       {open && (
         <div style={overlayCardStyle}>
-          <div style={{ marginBottom: 8 }}>{text}</div>
-
-          <button
-            type="button"
-            className="dx-btn dx-btn-outline"
-            style={{ padding: "5px 8px", fontSize: 12 }}
-            onClick={async () => {
-              try {
-                await navigator.clipboard.writeText(text);
-              } catch {}
-            }}
-          >
-            Copy
-          </button>
+          {description ? (
+            <>
+              <div style={{ fontWeight: 700, marginBottom: 4, color: "var(--accent)" }}>
+                Value:
+              </div>
+              <div style={{ marginBottom: 12 }}>{text || "—"}</div>
+              <div style={{ fontWeight: 700, marginBottom: 4, color: "var(--accent)" }}>
+                Description:
+              </div>
+              <div>{description}</div>
+            </>
+          ) : (
+            text
+          )}
         </div>
       )}
     </div>
@@ -297,18 +265,22 @@ const ComparisonToolPage: React.FC = () => {
         row.github_url || "",
         ...metricList.map((m) => {
           const v = row.metrics[m.metric_name];
+          const vDesc = row.metrics[`${m.metric_name}_description`];
 
           if (m.metric_key === "gitstats_report") {
             const url = v ? String(v) : "";
-
             if (!url) return "";
             if (url.startsWith("http://") || url.startsWith("https://")) return url;
             if (url.startsWith("/")) return `${SITE_BASE}${url}`;
-
             return url;
           }
 
-          return v ?? "";
+          const mainValue = v ?? "";
+          if (vDesc) {
+            return `${mainValue} (${vDesc})`;
+          }
+
+          return mainValue;
         }),
       ];
 
@@ -465,7 +437,37 @@ const ComparisonToolPage: React.FC = () => {
                       }}
                       title={m.metric_name}
                     >
-                      <div style={clamp2Style}>{m.metric_name}</div>
+                      <div style={{ display: "flex", alignItems: "flex-start", gap: "6px" }}>
+                        <div style={clamp2Style}>{m.metric_name}</div>
+                        
+                        {/* Added Help Icon Badge */}
+                        {m.description && (
+                          <span
+                            title={m.description}
+                            style={{
+                              cursor: "help",
+                              fontSize: "10px",
+                              background: "rgba(255, 255, 255, 0.1)",
+                              color: "var(--accent)",
+                              width: "14px",
+                              height: "14px",
+                              display: "inline-flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              borderRadius: "50%",
+                              border: "1px solid rgba(255, 255, 255, 0.2)",
+                              opacity: 0.6,
+                              transition: "opacity 0.2s",
+                              flexShrink: 0,
+                              marginTop: "2px"
+                            }}
+                            onMouseEnter={(e) => (e.currentTarget.style.opacity = "1")}
+                            onMouseLeave={(e) => (e.currentTarget.style.opacity = "0.6")}
+                          >
+                            ?
+                          </span>
+                        )}
+                      </div>
                     </th>
                   ))}
                 </tr>
@@ -597,56 +599,59 @@ const ComparisonToolPage: React.FC = () => {
                     </td>
 
                     {metricList.map((m) => {
-                      const cellVal = row.metrics[m.metric_name];
+  const cellVal = row.metrics[m.metric_name];
+  const cellDesc = row.metrics[`${m.metric_name}_description`];
+
+  if (m.metric_key === "gitstats_report") {
+    const url = cellVal ? String(cellVal) : null;
+    return (
+      <td
+        key={m.metric_ID}
+        style={{
+          ...metricCellStyle,
+          whiteSpace: "normal",
+          wordBreak: "break-word",
+        }}
+        title={url || "—"}
+      >
+        <div style={clamp2Style}>
+          {url ? (
+            <a
+              href={url}
+              target="_blank"
+              rel="noreferrer"
+              style={{ color: "var(--accent)", textDecoration: "none" }}
+            >
+              View report
+            </a>
+          ) : (
+            "—"
+          )}
+        </div>
+      </td>
+    );
+  }
 
-                      if (m.metric_key === "gitstats_report") {
-                        const url = cellVal ? String(cellVal) : null;
-                        return (
-                          <td
-                            key={m.metric_ID}
-                            style={{
-                              ...metricCellStyle,
-                              whiteSpace: "normal",
-                              wordBreak: "break-word",
-                            }}
-                            title={url || "—"}
-                          >
-                            <div style={clamp2Style}>
-                              {url ? (
-                                <a
-                                  href={url}
-                                  target="_blank"
-                                  rel="noreferrer"
-                                  style={{ color: "var(--accent)", textDecoration: "none" }}
-                                >
-                                  View report
-                                </a>
-                              ) : (
-                                "—"
-                              )}
-                            </div>
-                          </td>
-                        );
-                      }
-
-                      return (
-                        <td
-                          key={m.metric_ID}
-                          style={{
-                            ...metricCellStyle,
-                            whiteSpace: "normal",
-                            wordBreak: "break-word",
-                          }}
-                          title={cellVal != null ? String(cellVal) : "—"}
-                        >
-                          <ExpandableText
-                            text={cellVal != null ? String(cellVal) : ""}
-                            lines={3}
-                            emptyText="—"
-                          />
-                        </td>
-                      );
-                    })}
+  return (
+    <td
+      key={m.metric_ID}
+      style={{
+        ...metricCellStyle,
+        whiteSpace: "normal",
+        wordBreak: "break-word",
+        position: "relative",
+      }}
+      title={cellDesc ? `Value: ${cellVal}\n\nDescription: ${cellDesc}` : String(cellVal || "—")}
+    >
+      <ExpandableText
+        text={cellVal != null ? String(cellVal) : ""}
+        lines={3}
+        emptyText="—"
+        description={cellDesc ? String(cellDesc) : undefined} 
+      />
+    </td>
+  );
+})}
                   </tr>
                 ))}
               </tbody>
diff --git a/src/frontend/src/pages/Edit.tsx b/src/frontend/src/pages/Edit.tsx
index 9caf0a73..18a5d8e3 100644
--- a/src/frontend/src/pages/Edit.tsx
+++ b/src/frontend/src/pages/Edit.tsx
@@ -698,8 +698,9 @@ const EditMetricValuesModal: React.FC<{
         >
           {metricList.map((m) => {
             const cellVal = row.metrics[m.metric_name];
+            const descVal = row.metrics[m.metric_name + "_description"] || ""; 
             const fieldError = fieldErrors[m.metric_name];
-            const desc = (m.description || "").trim();
+            const staticDesc = (m.description || "").trim();
 
             return (
               <div
@@ -738,80 +739,72 @@ const EditMetricValuesModal: React.FC<{
 
                   <div
                     style={{
-                      fontSize: 11.5,
-                      color: "rgba(255,255,255,0.52)",
-                      minHeight: 28,
+                      fontSize: 11,
+                      color: "rgba(255,255,255,0.45)",
                       lineHeight: 1.25,
                       overflowWrap: "anywhere",
                     }}
-                    title={desc || ""}
                   >
-                    {desc ? (
-                      <span style={clamp2Style}>({desc})</span>
-                    ) : (
-                      <span>&nbsp;</span>
-                    )}
+                    {staticDesc ? `(${staticDesc})` : <span>&nbsp;</span>}
                   </div>
                 </div>
 
-                {m.metric_key === "gitstats_report" ? (
-                  cellVal ? (
-                    <a
-                      href={String(cellVal)}
-                      target="_blank"
-                      rel="noreferrer"
-                      style={{ color: "var(--accent)", lineHeight: 2.2 }}
+                <div style={{ display: "flex", flexDirection: "column", gap: 4 }}>
+                  {m.metric_key === "gitstats_report" ? (
+                    cellVal ? (
+                      <a href={String(cellVal)} target="_blank" rel="noreferrer" style={{ color: "var(--accent)", fontSize: 13 }}>
+                        View report
+                      </a>
+                    ) : (
+                      <div style={{ fontSize: 13, color: "rgba(255,255,255,0.4)" }}>—</div>
+                    )
+                  ) : m.scoring_dict && Object.keys(m.scoring_dict).length > 0 ? (
+                    <select
+                      className="dx-input"
+                      value={cellVal ?? ""}
+                      onChange={(e) => onChangeValue(m.metric_name, e.target.value)}
+                      disabled={pageLoading}
+                      style={{ borderColor: fieldError ? "rgba(255, 99, 99, 0.75)" : undefined }}
                     >
-                      View report
-                    </a>
+                      <option value="">-- Select --</option>
+                      {Object.keys(m.scoring_dict).map((key) => (
+                        <option key={key} value={key}>{key}</option>
+                      ))}
+                    </select>
                   ) : (
-                    <div
-                      style={{
-                        lineHeight: 2.2,
-                        opacity: 0.7,
-                        color: "rgba(255,255,255,0.72)",
-                      }}
-                    >
-                      —
-                    </div>
-                  )
-                ) : m.scoring_dict && Object.keys(m.scoring_dict).length > 0 ? (
-                  <select
-                    className="dx-input"
-                    value={cellVal ?? ""}
-                    onChange={(e) => onChangeValue(m.metric_name, e.target.value)}
-                    disabled={pageLoading}
-                    style={{
-                      borderColor: fieldError
-                        ? "rgba(255, 99, 99, 0.75)"
-                        : undefined,
-                    }}
-                  >
-                    <option value="" className="dx-input-select">
-                      -- Select --
-                    </option>
-                    {Object.keys(m.scoring_dict).map((key) => (
-                      <option key={key} value={key} className="dx-input-select">
-                        {key}
-                      </option>
-                    ))}
-                  </select>
-                ) : (
-                  <input
+                    <input
+                      className="dx-input"
+                      placeholder="Enter value..."
+                      value={cellVal ?? ""}
+                      onChange={(e) => onChangeValue(m.metric_name, e.target.value)}
+                      disabled={pageLoading}
+                      style={{ borderColor: fieldError ? "rgba(255, 99, 99, 0.75)" : undefined }}
+                    />
+                  )}
+                </div>
+
+                <div style={{ display: "flex", flexDirection: "column", gap: 4 }}>
+                  <div style={{ fontSize: 11, color: "rgba(255,255,255,0.5)", fontWeight: 500 }}>
+                    Notes / Comments
+                  </div>
+                  <textarea
                     className="dx-input"
-                    value={cellVal ?? ""}
-                    onChange={(e) => onChangeValue(m.metric_name, e.target.value)}
+                    placeholder="Add description..."
+                    rows={2}
+                    value={row.metrics[`${m.metric_name}_description`] || ""}
+                    onChange={(e) => onChangeValue(m.metric_name + "_description", e.target.value)}
                     disabled={pageLoading}
                     style={{
-                      borderColor: fieldError
-                        ? "rgba(255, 99, 99, 0.75)"
-                        : undefined,
+                      fontSize: 12,
+                      resize: "none",
+                      minHeight: 50,
+                      background: "rgba(0,0,0,0.2)",
                     }}
                   />
-                )}
+                </div>
 
                 {fieldError && (
-                  <div style={{ color: "#ff9b9b", fontSize: 12, marginTop: 2 }}>
+                  <div style={{ color: "#ff9b9b", fontSize: 11, marginTop: 2 }}>
                     {fieldError}
                   </div>
                 )}
@@ -1072,8 +1065,10 @@ const EditValuesPage: React.FC = () => {
         : prev
     );
 
+    const isDescription = metric.endsWith("_description");
     const metricObj = metricList.find((m) => m.metric_name === metric);
-    if (metricObj) {
+    
+    if (metricObj && !isDescription && !isEvidence) {
       const error = validateMetricValue(metricObj, value);
       setFieldErrors((prev) => {
         const next = { ...prev };
@@ -1104,7 +1099,7 @@ const EditValuesPage: React.FC = () => {
           headers: { "Content-Type": "application/json" },
           credentials: "include",
           body: JSON.stringify({
-            metrics: row.metrics,
+            metrics: row.metrics, 
           }),
         }
       );
@@ -1545,10 +1540,40 @@ const EditValuesPage: React.FC = () => {
                       style={{
                         ...headerCellStyle,
                         width: 170,
+                        position: "relative",
                       }}
-                      title={m.metric_name}
                     >
-                      <div style={clamp2Style}>{m.metric_name}</div>
+                      <div style={{ ...clamp2Style, paddingRight: "18px" }}>
+                        {m.metric_name}
+                      </div>
+
+                      {m.description && (
+                        <span
+                          title={m.description}
+                          style={{
+                            position: "absolute",
+                            top: "8px",
+                            right: "6px",
+                            cursor: "help",
+                            fontSize: "10px",
+                            background: "rgba(255, 255, 255, 0.1)",
+                            color: "var(--accent)",
+                            width: "14px",
+                            height: "14px",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            borderRadius: "50%",
+                            border: "1px solid rgba(255, 255, 255, 0.2)",
+                            opacity: 0.6,
+                            transition: "opacity 0.2s",
+                          }}
+                          onMouseEnter={(e) => (e.currentTarget.style.opacity = "1")}
+                          onMouseLeave={(e) => (e.currentTarget.style.opacity = "0.6")}
+                        >
+                          ?
+                        </span>
+                      )}
                     </th>
                   ))}
                 </tr>
@@ -1708,7 +1733,7 @@ const EditValuesPage: React.FC = () => {
 
                       {metricList.map((m) => {
                         const cellVal = row.metrics[m.metric_name];
-
+                        const cellDesc = row.metrics[`${m.metric_name}_description`];
                         if (m.metric_key === "gitstats_report") {
                           const url = cellVal ? String(cellVal) : null;
                           return (
@@ -1743,23 +1768,49 @@ const EditValuesPage: React.FC = () => {
                         }
 
                         return (
-                          <td
-                            key={m.metric_ID}
-                            style={{
-                              ...metricCellStyle,
-                              whiteSpace: "normal",
-                              wordBreak: "break-word",
-                            }}
-                            title={cellVal != null ? String(cellVal) : "—"}
-                          >
-                            <ExpandableText
-                              text={cellVal != null ? String(cellVal) : ""}
-                              lines={3}
-                              emptyText="—"
-                            />
-                          </td>
-                        );
-                      })}
+    <td
+      key={m.metric_ID}
+      style={{
+        ...metricCellStyle,
+        position: "relative",
+        paddingRight: cellDesc ? "24px" : "8px",
+      }}
+      title={cellVal != null ? String(cellVal) : "—"}
+    >
+      <ExpandableText
+        text={cellVal != null ? String(cellVal) : ""}
+        lines={3}
+        emptyText="—"
+      />
+
+      {cellDesc && (
+        <span
+          title={`${cellDesc}`}
+          style={{
+            position: "absolute",
+            top: "6px",
+            right: "6px",
+            cursor: "help",
+            fontSize: "10px",
+            fontWeight: "bold",
+            color: "var(--accent)",
+            background: "rgba(0, 255, 136, 0.12)",
+            border: "1px solid rgba(0, 255, 136, 0.25)",
+            width: "15px",
+            height: "15px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "4px",
+            opacity: 0.8,
+          }}
+        >
+          i
+        </span>
+      )}
+    </td>
+  );
+})}
                     </tr>
                   );
                 })}
diff --git a/test/backend/api/database/library_metric_values/test_library_metric_values_views.py b/test/backend/api/database/library_metric_values/test_library_metric_values_views.py
index fcf9979e..9b4c725a 100644
--- a/test/backend/api/database/library_metric_values/test_library_metric_values_views.py
+++ b/test/backend/api/database/library_metric_values/test_library_metric_values_views.py
@@ -392,7 +392,7 @@ def test_library_metric_value_update_rejects_invalid_int(rf, lib_a, metric_stars
     resp = view(req, library_id=str(lib_a.library_ID))
 
     assert resp.status_code == status.HTTP_400_BAD_REQUEST
-    assert resp.data["error"] == "Stars Count must be a whole number."
+    assert "Stars Count must be a whole number." in resp.data["error"]
     assert LibraryMetricValue.objects.filter(library=lib_a, metric=metric_stars).count() == 0
 
 
@@ -408,7 +408,7 @@ def test_library_metric_value_update_rejects_invalid_scored_value(rf, lib_a, met
     resp = view(req, library_id=str(lib_a.library_ID))
 
     assert resp.status_code == status.HTTP_400_BAD_REQUEST
-    assert resp.data["error"] == "License Type must be one of: MIT, Apache-2.0."
+    assert "License Type must be one of: MIT, Apache-2.0." in resp.data["error"]
     assert LibraryMetricValue.objects.filter(library=lib_a, metric=metric_scored).count() == 0