diff --git a/packages/mobile/src/components/templates/Modal/style.module.scss b/packages/mobile/src/components/templates/Modal/style.module.scss index 63b24dc8d..ab14ceefb 100644 --- a/packages/mobile/src/components/templates/Modal/style.module.scss +++ b/packages/mobile/src/components/templates/Modal/style.module.scss @@ -18,18 +18,17 @@ margin-top: 25px; .cancel { - width: 96px; - height: 40px; - border-radius: 100px; - background-color: $white; - color: $black-40; - border: 0.3px solid $black-40; + width: 120px; + height: 47px; + border-radius: 10px; + background-color: $black-10; + color: $black-80; } .confirm { - width: 96px; - height: 40px; - border-radius: 100px; + width: 120px; + height: 47px; + border-radius: 10px; background-color: $red-50; color: $white; diff --git a/packages/mobile/src/page/Home/Restaurant/Selector/style.module.scss b/packages/mobile/src/page/Home/Restaurant/Selector/style.module.scss index 612eb2cb2..775290753 100644 --- a/packages/mobile/src/page/Home/Restaurant/Selector/style.module.scss +++ b/packages/mobile/src/page/Home/Restaurant/Selector/style.module.scss @@ -72,13 +72,12 @@ $total-margin-of-top-and-bottom: 220px; .cancel { @include typography(14); position: relative; - width: 96px; - height: 40px; + width: 120px; + height: 47px; margin-bottom: 27px; - color: $black-60; - background-color: $black-0; - border: 1px solid $black-50; - border-radius: 100px; + color: $black-80; + background-color: $black-10; + border-radius: 10px; line-height: 30px; z-index: 1; }