diff --git a/core/src/components/note/note.md.scss b/core/src/components/note/note.md.scss
index fb90c1cc81..7698c60a01 100644
--- a/core/src/components/note/note.md.scss
+++ b/core/src/components/note/note.md.scss
@@ -6,4 +6,6 @@
 
 :host {
   --color: #{$note-md-color};
+
+  font-size: $note-md-font-size;
 }
diff --git a/core/src/components/note/note.md.vars.scss b/core/src/components/note/note.md.vars.scss
index 62ca9cb152..8ec97b4a5d 100644
--- a/core/src/components/note/note.md.vars.scss
+++ b/core/src/components/note/note.md.vars.scss
@@ -5,3 +5,6 @@
 
 /// @prop - Text color of the note
 $note-md-color:          $text-color-step-800 !default;
+
+/// @prop - Font size of the note
+$note-md-font-size:      14px !default;