diff --git a/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss b/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss index 6ec4159a0..8f5145d88 100644 --- a/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss +++ b/src/components/modules/home/HomeRecipe/HomeRecipe.module.scss @@ -17,17 +17,11 @@ padding-bottom: 3.2rem; @apply flex justify-start spacing-horizontal; .tab{ - font-family: var(--font-heading); - padding: 1.6rem 1.6rem 0.8rem 1.6rem; - font-size: 2.4rem; - line-height: 2.8rem; - @screen md{ - font-size: 3.2rem; - line-height: 4rem; - } - outline: none; + all: unset; + @apply heading-3 font-heading cursor-pointer outline-none; + padding: 1.6rem; &.active{ - @apply text-background custom-border-radius bg-primary; + @apply text-background shape-common bg-primary; } } diff --git a/src/styles/_utilities.scss b/src/styles/_utilities.scss index 8abfb0104..af566560a 100644 --- a/src/styles/_utilities.scss +++ b/src/styles/_utilities.scss @@ -25,7 +25,7 @@ } .heading-3 { font-size: 24px; - line-height: 32px; + line-height: 28px; letter-spacing: -0.01em; font-weight: bold; text-transform: uppercase;