jupyterlab-contrib
diff --git a/‎packages/components/src/button/button.styles.ts‎
Lines changed: 3 additions & 4 deletions b/‎packages/components/src/button/button.styles.ts‎
Lines changed: 3 additions & 4 deletions
diff --git a/‎packages/components/tests-out/button/button.test.js-snapshots/button-toggle-chromium-linux.png‎
-441 Bytes b/‎packages/components/tests-out/button/button.test.js-snapshots/button-toggle-chromium-linux.png‎
-441 Bytes
diff --git a/‎packages/components/tests-out/button/button.test.js-snapshots/button-toggle-firefox-linux.png‎
-315 Bytes b/‎packages/components/tests-out/button/button.test.js-snapshots/button-toggle-firefox-linux.png‎
-315 Bytes
diff --git a/‎packages/components/tests-out/button/button.test.js-snapshots/button-toggle-webkit-linux.png‎
-971 Bytes b/‎packages/components/tests-out/button/button.test.js-snapshots/button-toggle-webkit-linux.png‎
-971 Bytes
@@ -116,8 +116,7 @@ const BaseButtonStyles = css`
   }
 
   :host([aria-pressed='true']) {
-    box-shadow: inset 0px 0px 5px 5px ${neutralFillStrongActive};
-    scale: 0.95;
+    box-shadow: inset 0px 0px 2px 2px ${neutralFillStrongActive};
   }
 
   :host([minimal]) {
@@ -224,7 +223,7 @@ const AccentButtonStyles = css`
   }
 
   :host([appearance='accent'][aria-pressed='true']) {
-    box-shadow: inset 0px 0px 5px 5px ${accentForegroundActive};
+    box-shadow: inset 0px 0px 2px 2px ${accentForegroundActive};
   }
 
   :host([appearance='accent']:active) .control:active {
@@ -288,7 +287,7 @@ const ErrorButtonStyles = css`
   }
 
   :host([appearance='error'][aria-pressed='true']) {
-    box-shadow: inset 0px 0px 5px 5px ${errorForegroundActive};
+    box-shadow: inset 0px 0px 2px 2px ${errorForegroundActive};
   }
 
   :host([appearance='error']:active) .control:active {
Original file line number	Diff line number	Diff line change
@@ -116,8 +116,7 @@ const BaseButtonStyles = css`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`:host([aria-pressed='true']) {`
`119`		`- box-shadow: inset 0px 0px 5px 5px ${neutralFillStrongActive};`
`120`		`- scale: 0.95;`
	`119`	`+ box-shadow: inset 0px 0px 2px 2px ${neutralFillStrongActive};`
`121`	`120`	`}`
`122`	`121`
`123`	`122`	`:host([minimal]) {`
@@ -224,7 +223,7 @@ const AccentButtonStyles = css`
`224`	`223`	`}`
`225`	`224`
`226`	`225`	`:host([appearance='accent'][aria-pressed='true']) {`
`227`		`- box-shadow: inset 0px 0px 5px 5px ${accentForegroundActive};`
	`226`	`+ box-shadow: inset 0px 0px 2px 2px ${accentForegroundActive};`
`228`	`227`	`}`
`229`	`228`
`230`	`229`	`:host([appearance='accent']:active) .control:active {`
@@ -288,7 +287,7 @@ const ErrorButtonStyles = css`
`288`	`287`	`}`
`289`	`288`
`290`	`289`	`:host([appearance='error'][aria-pressed='true']) {`
`291`		`- box-shadow: inset 0px 0px 5px 5px ${errorForegroundActive};`
	`290`	`+ box-shadow: inset 0px 0px 2px 2px ${errorForegroundActive};`
`292`	`291`	`}`
`293`	`292`
`294`	`293`	`:host([appearance='error']:active) .control:active {`