Merge pull request #74 from Brightspace/fix-button-borders

Remove Firefox hidden button border
BrightspaceUI · Sep 26, 2016 · 0ca8f11 · 0ca8f11
2 parents 5ef474e + 452cf9a
commit 0ca8f11
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/d2l-button.html b/d2l-button.html
@@ -30,6 +30,10 @@
 				width: auto;
 				@apply(--d2l-button);
 			}
+			/* Firefox includes a hidden border which messes up button dimensions */
+			:host(::-moz-focus-inner) {
+				border: 0;
+			}
 			:host, :host([disabled]:hover), :host([disabled]:focus) {
 				background-color: var(--d2l-color-woolonardo);
 				border-color: var(--d2l-color-titanius);