From 927957f04fb3f61418871f4d40dc7c94250cc522 Mon Sep 17 00:00:00 2001
From: Sluijsens <bdslop@gmail.com>
Date: Tue, 4 Aug 2026 15:58:55 +0200
Subject: [PATCH] Herstel potlood-icoon voor de aanpassen-knop bij slug

Consistent met de confirm/cancel-knoppen ernaast (ghost icon buttons)
in plaats van de tekst-linkknop.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../src/features/offerings/components/OfferingForm.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/features/offerings/components/OfferingForm.tsx b/frontend/src/features/offerings/components/OfferingForm.tsx
index a017d3b..11d8124 100644
--- a/frontend/src/features/offerings/components/OfferingForm.tsx
+++ b/frontend/src/features/offerings/components/OfferingForm.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useTranslation } from 'react-i18next';
-import { Check, Plus, Trash2, X } from 'lucide-react';
+import { Check, Pencil, Plus, Trash2, X } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
@@ -133,13 +133,13 @@ export function OfferingForm({ initialValues, onSubmit, isSubmitting }: Offering
                         </code>
                         <Button
                             type="button"
-                            variant="link"
-                            size="sm"
-                            className="h-auto p-0"
+                            variant="ghost"
+                            size="icon"
                             data-testid="offering-slug-edit"
+                            aria-label={t('offerings.form.editSlugButton')}
                             onClick={() => setIsEditingSlug(true)}
                         >
-                            {t('offerings.form.editSlugButton')}
+                            <Pencil className="size-4" />
                         </Button>
                     </div>
                 )}