diff --git a/app/assets/stylesheets/components/message.scss b/app/assets/stylesheets/components/message.scss index 9e5f8b312..75eb1f176 100644 --- a/app/assets/stylesheets/components/message.scss +++ b/app/assets/stylesheets/components/message.scss @@ -152,18 +152,25 @@ $message-type-bottom-spacing: govuk-spacing(4); &-folder, &-template { - @include govuk-font($size: 24, $weight: bold, $line-height: 1.25); + @include govuk-font($size: 24, $weight: bold, $line-height: 1.5); + @include govuk-media-query($from: tablet) { + line-height: 1.25; + } } &-folder { display: inline; - padding-left: 40px; + padding-left: 35px; background-image: file-url('folder-blue-bold.svg'); background-repeat: no-repeat; background-size: auto 20px; background-position: 0px 4px; + @include govuk-media-query($from: tablet) { + padding-left: 40px; + } + &:hover { background-image: file-url('folder-blue-bold-hover.svg'); }