Fixed applying border radius to card header (#934)

* fixed applying border radius to card header

* updated changelog

Co-authored-by: Cory LaViska <cory@abeautifulsite.net>

docs/resources/changelog.md

@@ -10,8 +10,9 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 
 ## Next
 
-- Improved `<sl-badge>` so it renders relative to the current font size and improved padding
 - Added `button--checked` to `<sl-radio-button>` and `control--checked` to `<sl-radio>` to style just the checked state [#933](https://github.com/shoelace-style/shoelace/pull/933)
+- Fixed a bug in `<sl-card>` that prevented the border radius to apply correctly to the header [#934](https://github.com/shoelace-style/shoelace/pull/934)
+- Improved `<sl-badge>` so it renders relative to the current font size and improved padding
 
 ## 2.0.0-beta.83
 

src/components/card/card.styles.ts

@@ -47,6 +47,11 @@ export default css`
     display: none;
   }
 
+  .card:not(.card--has-image) .card__header {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+  }
+
   .card__body {
     padding: var(--padding);
   }