From 8233735fbf82f0801fb7cec0522c38d534aa2480 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Mon, 15 Jun 2026 10:14:57 +0200
Subject: [PATCH] Render small sandwich button as star icon

---
 assets/icons/star-filled.svg                  | 2 +-
 styles/10-components-interactive-elements.css | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/assets/icons/star-filled.svg b/assets/icons/star-filled.svg
index d596afc..a95a036 100644
--- a/assets/icons/star-filled.svg
+++ b/assets/icons/star-filled.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
-  <path d="m12 2.8 2.89 5.85 6.46.94-4.68 4.56 1.1 6.44L12 17.53 6.23 20.59l1.1-6.44L2.65 9.59l6.46-.94L12 2.8Z" fill="currentColor"/>
+  <path d="m12 2.8 2.89 5.85 6.46.94-4.68 4.56 1.1 6.44L12 17.53 6.23 20.59l1.1-6.44L2.65 9.59l6.46-.94L12 2.8Z" fill="#000000"/>
 </svg>
diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index 9e98c12..a1bc316 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -1031,9 +1031,7 @@
       display: block;
       width: calc(var(--sandwich-line-width) - 3px);
       height: calc(var(--sandwich-line-width) - 3px);
-      background-color: var(--color-black);
-      -webkit-mask: url("../assets/icons/star-filled.svg") no-repeat center / contain;
-      mask: url("../assets/icons/star-filled.svg") no-repeat center / contain;
+      background: url("../assets/icons/star-filled.svg") no-repeat center / contain;
     }
 
     .sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__line {