diff --git a/assets/styles/components/button.css b/assets/styles/components/button.css index 4a84c4a8..c4c57e16 100644 --- a/assets/styles/components/button.css +++ b/assets/styles/components/button.css @@ -5,10 +5,13 @@ @apply uppercase text-center text-sm/6 md:text-base/6; @apply transition-colors outline-none focus:outline-2 focus:outline-offset-2 focus:outline-primary-dark; @apply rounded-md; + /* At least one line tall even when the content is only a smaller icon: line + padding + border */ + min-height: calc(1lh + 2 * theme('spacing.2') + 2px); } .button--small { @apply px-2 py-1 md:px-4 text-xs/6 sm:text-sm/6; + min-height: calc(1lh + 2 * theme('spacing.1') + 2px); } .button--primary {