fixes

primer · Oct 28, 2024 · 6179f8c · 6179f8c
1 parent fcf2de4
commit 6179f8c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/react/src/Card/Card.features.stories.tsx b/packages/react/src/Card/Card.features.stories.tsx
@@ -120,13 +120,14 @@ export const IconColors: StoryFn<typeof Card> = () => {
 export const WithIconSVG = () => (
   <Card href="https://github.com">
     <Card.Icon
-      icon={() => (
+      icon={props => (
         <svg
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 16 16"
           width="20"
           height="20"
           aria-label="Magnifying glass icon"
+          {...props}
         >
           <path
             d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215ZM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7Z"

diff --git a/packages/react/src/Card/Card.module.css b/packages/react/src/Card/Card.module.css
@@ -111,12 +111,12 @@
 }
 
 .Card__icon {
-  margin-bottom: var(--base-size-16);
+  margin-bottom: var(--base-size-24);
   grid-area: icon;
 }
 
 .Card__label {
-  margin-bottom: var(--base-size-16);
+  margin-bottom: var(--base-size-24);
   grid-area: label;
 }