From 48b7ae75426d0bebca6e2fbcfceb962cdbaa76f9 Mon Sep 17 00:00:00 2001
From: mmalerba <mmalerba@google.com>
Date: Fri, 6 Aug 2021 11:42:42 -0700
Subject: [PATCH] fix(material-experimental/mdc-button): fix ripple size after
 MDC changes (#23266)

PiperOrigin-RevId: 387458042

Co-authored-by: Angular Material Team <material@angular.io>
(cherry picked from commit e57bae030af388e1722b7ea33c4e4c1739026017)
---
 .../mdc-button/button.scss                     | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/material-experimental/mdc-button/button.scss b/src/material-experimental/mdc-button/button.scss
index 1e0d2f71a41d..72c072e85aa0 100644
--- a/src/material-experimental/mdc-button/button.scss
+++ b/src/material-experimental/mdc-button/button.scss
@@ -4,10 +4,12 @@
 @use '../mdc-helpers/mdc-helpers';
 @use 'button-base';
 
-
 @include mdc-button.without-ripple($query: mdc-helpers.$mat-base-styles-query);
 
-.mat-mdc-button, .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button {
+.mat-mdc-button,
+.mat-mdc-unelevated-button,
+.mat-mdc-raised-button,
+.mat-mdc-outlined-button {
   @include button-base.mat-private-button-interactive();
   @include button-base.mat-private-button-disabled();
   @include button-base.mat-private-button-touch-target(false);
@@ -24,12 +26,14 @@
   .mat-icon {
     @include mdc-button.icon();
   }
- .mdc-button__label + .mat-icon {
-   @include mdc-button.icon-trailing();
- }
+  .mdc-button__label + .mat-icon {
+    @include mdc-button.icon-trailing();
+  }
 }
 
-.mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button {
+.mat-mdc-unelevated-button,
+.mat-mdc-raised-button,
+.mat-mdc-outlined-button {
   // Icons inside contained buttons have different styles due to increased button padding
   .mat-icon {
     @include mdc-button.icon();
@@ -55,5 +59,5 @@
   left: $offset;
   bottom: $offset;
   right: $offset;
-  border: none;
+  border-width: $offset;
 }