diff --git a/scss/atoms/typography/_functions.scss b/scss/atoms/typography/_functions.scss
index 9eb6a4a..349c6c3 100644
--- a/scss/atoms/typography/_functions.scss
+++ b/scss/atoms/typography/_functions.scss
@@ -11,6 +11,6 @@
 * 1. font-size: em(14px);
 * 2. font-size: em(30px/14px);
 */
-@function em($value, $context: map-get($typography-font-default, font-size)) {
-	@return ($value / $context * 1em);
+@function rem($value, $context: map-get($typography-font-default, font-size)) {
+	@return ($value / $context * 1rem);
 }
diff --git a/scss/atoms/typography/_mixins.scss b/scss/atoms/typography/_mixins.scss
index 2964d15..c676378 100644
--- a/scss/atoms/typography/_mixins.scss
+++ b/scss/atoms/typography/_mixins.scss
@@ -4,7 +4,7 @@
 * ==========================================================================
 */
 @mixin heading($style) {
-	font-size: em(map-get($style,font-size));
+	font-size: rem(map-get($style,font-size));
 	font-weight: map-get($style,font-weight);
 	line-height: 1;
 	text-transform: map-get($style,capitalization);
diff --git a/scss/atoms/typography/_typography.scss b/scss/atoms/typography/_typography.scss
index d919df2..e51cd2f 100644
--- a/scss/atoms/typography/_typography.scss
+++ b/scss/atoms/typography/_typography.scss
@@ -110,7 +110,7 @@ strong {
 
 code {
 	background: map-get($typography-code,background);
-	font-size: em( 16px );
-	padding: em( 4px, 16px ) em( 8px, 16px );
+	font-size: rem( 16px );
+	padding: rem( 4px, 16px ) rem( 8px, 16px );
 	border-radius: map-get($typography-code,border-radius);
 }