fixes #656

docs/resources/changelog.md

@@ -8,6 +8,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 ## Next
 
+- Fixed a bug that caused `<sl-progress-ring>` to render the wrong size when `--track-width` was increased [#656](https://github.com/shoelace-style/shoelace/issues/656)
 - Implemented stricter linting to improve consistency and reduce errors, which resulted in many small refactors throughout the codebase [#647](https://github.com/shoelace-style/shoelace/pull/647)
 - Restored the nicer animation on `<sl-spinner>` and verified it works in Safari
 - Updated minimum Node version to 14.17

src/components/progress-ring/progress-ring.styles.ts

@@ -29,7 +29,7 @@ export default css`
 
   .progress-ring__track,
   .progress-ring__indicator {
-    --radius: calc(var(--size) / 2 - var(--track-width) * 2);
+    --radius: calc(var(--size) / 2 - var(--track-width) * 0.5);
     --circumference: calc(var(--radius) * 2 * 3.141592654);
 
     fill: none;