From 60e8c96c25bc3bca9f38bbf27477a923556dd176 Mon Sep 17 00:00:00 2001
From: Francesca Giannino <francesca.giannino86@gmail.com>
Date: Thu, 24 Oct 2024 18:06:56 +0200
Subject: [PATCH] style: center star icon

---
 packages/ui-stencil/src/components/internal/icons.tsx          | 2 +-
 .../internal/orama-chat-button/orama-chat-button.tsx           | 2 +-
 .../orama-chat-suggestions/orama-chat-suggestions.scss         | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/ui-stencil/src/components/internal/icons.tsx b/packages/ui-stencil/src/components/internal/icons.tsx
index 034c9b97..6fb79add 100644
--- a/packages/ui-stencil/src/components/internal/icons.tsx
+++ b/packages/ui-stencil/src/components/internal/icons.tsx
@@ -9,7 +9,7 @@ interface IconProps {
 export const Icon: FunctionalComponent<IconProps> = ({ name, size = 24, color = 'black' }) => {
   const getIconSvg = (iconName: string) => {
     const icons: { [key: string]: string } = {
-      star: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      star: `<svg xmlns="http://www.w3.org/2000/svg" width=${size} height=${size} viewBox="0 0 16 16" fill="none">
           <path d="M8.1875 0.6875L9.12531 3.22189C9.78366 5.00107 11.1864 6.40384 12.9656 7.06219L15.5 8L12.9656 8.93781C11.1864 9.59616 9.78366 10.9989 9.12531 12.7781L8.1875 15.3125L7.24969 12.7781C6.59134 10.9989 5.18857 9.59616 3.40939 8.93781L0.875 8L3.40939 7.06219C5.18857 6.40384 6.59134 5.00107 7.24969 3.22189L8.1875 0.6875Z" fill="url(#paint0_radial_1183_175)"/>
           <defs>
           <radialGradient id="paint0_radial_1183_175" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5 -9.5) rotate(141.053) scale(24.2042)">
diff --git a/packages/ui-stencil/src/components/internal/orama-chat-button/orama-chat-button.tsx b/packages/ui-stencil/src/components/internal/orama-chat-button/orama-chat-button.tsx
index 90f1e4e2..4d2e0129 100644
--- a/packages/ui-stencil/src/components/internal/orama-chat-button/orama-chat-button.tsx
+++ b/packages/ui-stencil/src/components/internal/orama-chat-button/orama-chat-button.tsx
@@ -44,7 +44,7 @@ export class OramaChatButton {
           type="button"
         >
           <span class="icon-star">
-            <Icon name="star" size={14} />
+            <Icon name="star" size={16} />
           </span>
           <span class="button-label">{this.label}</span>
           <span class="icon-enter">
diff --git a/packages/ui-stencil/src/components/internal/orama-chat-suggestions/orama-chat-suggestions.scss b/packages/ui-stencil/src/components/internal/orama-chat-suggestions/orama-chat-suggestions.scss
index f4ab2a21..b272a31b 100644
--- a/packages/ui-stencil/src/components/internal/orama-chat-suggestions/orama-chat-suggestions.scss
+++ b/packages/ui-stencil/src/components/internal/orama-chat-suggestions/orama-chat-suggestions.scss
@@ -1,5 +1,6 @@
 :host {
   display: block;
+  font-family: var(--font-primary, font('primary'));
 }
 
 .suggestions-chips {
@@ -7,7 +8,6 @@
   align-items: center;
   gap: var(--spacing-m, $spacing-m);
   padding: var(--radius-s, $spacing-s) var(--radius-l, $spacing-l);
-
   list-style: none;
   margin: 0;
   overflow-x: auto;
@@ -80,6 +80,7 @@
   -webkit-text-fill-color: transparent;
   width: 100%;
   border: 1px solid transparent;
+  font-family: inherit;
 
   &:focus-visible {
     outline: none;