diff --git a/packages/ui-stencil/src/components/internal/icons.tsx b/packages/ui-stencil/src/components/internal/icons.tsx
index 034c9b9..6fb79ad 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 90f1e4e..4d2e012 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 f4ab2a2..b272a31 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;