diff --git a/src/components/dashboard/budget-editable-card.tsx b/src/components/dashboard/budget-editable-card.tsx
index 1f76bc9..8e052de 100644
--- a/src/components/dashboard/budget-editable-card.tsx
+++ b/src/components/dashboard/budget-editable-card.tsx
@@ -126,12 +126,35 @@ export function BudgetEditableCard({
     <>
       <button
         type="button"
-        onClick={() => setOpen(true)}
-        className="bg-surface-1 border border-border rounded-xl p-4 text-left hover:border-text-secondary transition-colors group"
+        onClick={() => {
+          // Temporary debug aid — if clicks reach the handler we'll
+          // see this in the browser console. Remove once confirmed.
+          console.log("[BudgetEditableCard] open clicked");
+          setOpen(true);
+        }}
+        className="bg-surface-1 border border-accent/40 rounded-xl p-4 text-left hover:border-accent transition-colors cursor-pointer focus:outline-none focus:ring-2 focus:ring-accent/40 group block w-full"
       >
         <div className="text-xs text-text-muted mb-1 flex items-center justify-between">
           <span>{t("budget")}</span>
-          <span className="text-[10px] text-text-muted opacity-0 group-hover:opacity-100 transition-opacity">
+          <span className="text-[10px] text-accent inline-flex items-center gap-1">
+            {/* Pencil icon — unambiguous "this is editable" affordance.
+                Visible at all times (was hover-only before, which on
+                touch devices and at-a-glance scanning gave no
+                indication the card was clickable). */}
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="11"
+              height="11"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" />
+            </svg>
             {t("budgetEdit")}
           </span>
         </div>
@@ -140,14 +163,13 @@ export function BudgetEditableCard({
         </div>
       </button>
 
-      {open && (
-        <Modal open={open} onClose={() => setOpen(false)} ariaLabel={t("budgetEditTitle")}>
-          <h3 className="font-display text-lg font-semibold text-text-primary mb-2">
-            {t("budgetEditTitle")}
-          </h3>
-          <p className="text-sm text-text-secondary mb-4">
-            {t("budgetEditDescription")}
-          </p>
+      <Modal open={open} onClose={() => setOpen(false)} ariaLabel={t("budgetEditTitle")}>
+        <h3 className="font-display text-lg font-semibold text-text-primary mb-2">
+          {t("budgetEditTitle")}
+        </h3>
+        <p className="text-sm text-text-secondary mb-4">
+          {t("budgetEditDescription")}
+        </p>
           <div className="text-xs text-amber-400 bg-amber-400/10 border border-amber-400/20 rounded-lg px-3 py-2 mb-5">
             {t("budgetOrgScopeWarning")}
           </div>
@@ -256,7 +278,6 @@ export function BudgetEditableCard({
             </div>
           </form>
         </Modal>
-      )}
     </>
   );
 }