diff --git a/Draw Steel/draw-steel.css b/Draw Steel/draw-steel.css
index c8b228dd1c..93686ea8c2 100644
--- a/Draw Steel/draw-steel.css	
+++ b/Draw Steel/draw-steel.css	
@@ -20,6 +20,7 @@
     --color-bg-main: #fff; 
     --color-bg-section: rgb(234, 234, 234);
 	--color-bg-subsection: rgb(216, 216, 216);
+	--color-bg-card: rgb(200,200,200);
 	
     /* Text */
     --color-text-body: #080808;
@@ -62,6 +63,7 @@
     --color-bg-main: rgb(31, 31, 31);
     --color-bg-section: rgb(39, 39, 39); 
 	--color-bg-subsection: rgb(51, 51, 51);
+	--color-bg-card: rgb(62, 62, 62);
 
     /* Text */
     --color-text-body: rgb(234, 234, 234); 
@@ -276,7 +278,7 @@
 
 .charsheet .panel-title {
 	grid-column: 1 / -1;
-	font-size: 14px;
+	font-size: 16px;
 	text-align: center
 }
 
@@ -857,7 +859,7 @@ label[for*='minimize']::before {
 .feature-group {
 	.repcontainer {
 		display: grid;
-		gap: .25em;	
+		gap: .5em;	
 		grid-template-columns: 1fr 1fr;
 		
 		.repitem {
@@ -866,7 +868,7 @@ label[for*='minimize']::before {
 			overflow-wrap: anywhere;
 			border: var(--border-main);
 			border-radius: var(--border-radius);
-			background-color: var(--color-bg-subsection);
+			background-color: var(--color-bg-card);
 			padding: var(--sheet-padding);
 			box-shadow: inset 1px 1px 2px #555, inset -1px -1px 2px #111, 0 2px 6px rgba(0, 0, 0, 0.5);
   		}
@@ -1257,7 +1259,7 @@ label[for*='minimize']::before {
 .inventory-group {
 	.repcontainer {
 		display: grid;
-		gap: .25em;	
+		gap: .5em;	
 		grid-template-columns: 1fr 1fr;
 		
 		.repitem {
@@ -1266,7 +1268,7 @@ label[for*='minimize']::before {
 			overflow-wrap: anywhere;
 			border: var(--border-main);
 			border-radius: var(--border-radius);
-			background-color: var(--color-bg-subsection);
+			background-color: var(--color-bg-card);
 			padding: var(--sheet-padding);
 			box-shadow: inset 1px 1px 2px #555, inset -1px -1px 2px #111, 0 2px 6px rgba(0, 0, 0, 0.5);
   		}