diff --git a/components/loading-spinner/loading-spinner.js b/components/loading-spinner/loading-spinner.js
index a606cc90016..29630b64d92 100644
--- a/components/loading-spinner/loading-spinner.js
+++ b/components/loading-spinner/loading-spinner.js
@@ -38,11 +38,11 @@ class LoadingSpinner extends LitElement {
}
.d2l-loading-spinner-wrapper {
- height: var(--d2l-loading-spinner-size, 50px);
+ height: var(--d2l-loading-spinner-size, 48px);
margin: auto;
overflow: hidden;
position: relative;
- width: var(--d2l-loading-spinner-size, 50px);
+ width: var(--d2l-loading-spinner-size, 48px);
}
svg {
background: radial-gradient(rgba(0, 0, 0, 0.1), transparent 70%); /* 70% ≈ 100%/sqrt(2) = radius of circle since corners lie on 100% of radial gradient */
@@ -63,7 +63,7 @@ class LoadingSpinner extends LitElement {
.inner-circle {
fill: none;
stroke: var(--d2l-loading-spinner-color, var(--d2l-color-celestine));
- stroke-width: 2;
+ stroke-width: 3;
}
.slice {
@@ -119,11 +119,11 @@ class LoadingSpinner extends LitElement {
render() {
return html`
-