diff --git a/src/components/modals/gift/GiftItemStar.tsx b/src/components/modals/gift/GiftItemStar.tsx
index 46bff7152..7cbb59624 100644
--- a/src/components/modals/gift/GiftItemStar.tsx
+++ b/src/components/modals/gift/GiftItemStar.tsx
@@ -68,7 +68,7 @@ function GiftItemStar({ sticker, gift, onClick }: OwnProps & StateProps) {
         nonInteractive
         size={GIFT_STICKER_SIZE}
       />
-      <Button className={styles.buy} nonInteractive size="tiny" color="sparkles" withSparkleEffect pill fluid>
+      <Button className={styles.buy} nonInteractive size="tiny" color="stars" withSparkleEffect pill fluid>
         <Icon name="star" className={styles.star} />
         <div className={styles.amount}>
           {stars}
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index e6bf9ccfa..fc03c2b49 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -22,7 +22,7 @@ export type OwnProps = {
   size?: 'default' | 'smaller' | 'tiny';
   color?: (
     'primary' | 'secondary' | 'gray' | 'danger' | 'translucent' | 'translucent-white' | 'translucent-black'
-    | 'translucent-bordered' | 'dark' | 'green' | 'adaptive' | 'sparkles'
+    | 'translucent-bordered' | 'dark' | 'green' | 'adaptive' | 'stars'
   );
   backgroundImage?: string;
   id?: string;
@@ -172,7 +172,7 @@ const Button: FC<OwnProps> = ({
 
   const content = (
     <>
-      {color === 'sparkles' && withSparkleEffect && <Sparkles preset="button" />}
+      {withSparkleEffect && <Sparkles preset="button" />}
       {isLoading ? (
         <div>
           <span dir={isRtl ? 'auto' : undefined}>{lang('Cache.ClearProgress')}</span>