From 8399a1b8c8cc58ef189492800fb041e8e62d14d2 Mon Sep 17 00:00:00 2001
From: Elain T <elain.tsai@graycore.io>
Date: Mon, 15 Jan 2024 19:49:18 -0500
Subject: [PATCH] feat(design): clean up card styles (#2720)

- Decreased title font size
- Add top margin to content only if it's used with title
---
 libs/design/card/src/card/card.component.scss | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/libs/design/card/src/card/card.component.scss b/libs/design/card/src/card/card.component.scss
index a924a76c4a..94a72e3510 100644
--- a/libs/design/card/src/card/card.component.scss
+++ b/libs/design/card/src/card/card.component.scss
@@ -48,6 +48,12 @@ $card-inner-border-radius: calc(#{$card-border-radius} - 1px);
 		}
 	}
 
+	&__body {
+		padding: 1.5rem;
+		position: relative;
+		z-index: 2;
+	}
+
 	&__icon {
 		display: block;
 		margin: 0 0 0.5rem;
@@ -60,21 +66,13 @@ $card-inner-border-radius: calc(#{$card-border-radius} - 1px);
 	}
 
 	&__title {
-		@include t.embolden;
-		font-size: 1.375rem;
+		font-size: 1.25rem;
+		font-weight: 600;
 		line-height: 1.5rem;
-		margin: 0 0 1rem;
-
-		@include layout.breakpoint(mobile) {
-			font-size: 1.5rem;
-			line-height: 1.75rem;
-		}
 	}
 
-	&__body {
-		padding: 1.5rem;
-		position: relative;
-		z-index: 2;
+	&__title + &__content {
+		margin: 1rem 0 0;
 	}
 
 	&__content {