diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js
index 1fef6fcf..6afd47e0 100644
--- a/src/components/layout/Paragraph/index.js
+++ b/src/components/layout/Paragraph/index.js
@@ -8,7 +8,7 @@ const cx = classNames.bind(styles)
 type Props = {
   align?: 'right' | 'center' | 'left',
   noMargin?: boolean,
-  weight?: 'light' | 'regular' | 'bold',
+  weight?: 'light' | 'regular' | 'bolder' | 'bold',
   size?: 'sm' | 'md' | 'lg' | 'xl',
   color?: 'soft' | 'medium' | 'dark' | 'primary' | 'fancy',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss
index db63986b..486ed979 100644
--- a/src/components/layout/Paragraph/index.scss
+++ b/src/components/layout/Paragraph/index.scss
@@ -75,6 +75,10 @@
   font-weight: $regularFont;
 }
 
+.bolder {
+  font-weight: $bolderFont;
+}
+
 .bold {
   font-weight: $boldFont;
 }
\ No newline at end of file
diff --git a/src/theme/variables.js b/src/theme/variables.js
index 965b0d7c..66be6df2 100644
--- a/src/theme/variables.js
+++ b/src/theme/variables.js
@@ -31,6 +31,7 @@ module.exports = Object.assign({}, {
   fontSizeHeadingLg: 32,
   lightFont: 300,
   regularFont: 400,
+  bolderFont: 500,
   boldFont: 700,
   smallFontSize: '11px',
   mediumFontSize: '13px',