fix: issue with wrong padding for badge

packages/components/src/components/badge/badge.scss

@@ -48,13 +48,6 @@
 	block-size: fit-content;
 	inline-size: fit-content;
 
-	&:empty,
-	> span:empty {
-		block-size: var(--badge-size);
-		inline-size: var(--badge-size);
-		padding: 0;
-	}
-
 	&:has(.db-icon) {
 		padding: variables.$db-spacing-fixed-3xs;
 	}
@@ -67,10 +60,7 @@
 	&[data-size="medium"] {
 		--badge-size: #{variables.$db-spacing-fixed-sm};
 		@extend %db-overwrite-font-size-sm;
-
-		&:not(:empty, > span:empty) {
-			padding-inline: variables.$db-spacing-fixed-xs;
-		}
+		padding-inline: variables.$db-spacing-fixed-xs;
 
 		&:has(.db-icon) {
 			padding: variables.$db-spacing-fixed-2xs;
@@ -82,6 +72,13 @@
 		}
 	}
 
+	&:empty,
+	> span:empty {
+		block-size: var(--badge-size);
+		inline-size: var(--badge-size);
+		padding: 0;
+	}
+
 	&[data-placement^="corner"] {
 		@extend %absolute-badge;
 

scripts/dev.js

@@ -69,8 +69,7 @@ inquirer
 			return;
 		}
 
-		// Let startCommand = 'npm-run-all -p start:foundations dev:sass';
-		let startCommand = 'npm run start:foundations & npm run dev:sass';
+		let startCommand = 'npm-run-all -p start:foundations dev:sass';
 
 		const currentAnswers = answers?.frameworks;
 
@@ -80,12 +79,12 @@ inquirer
 			);
 
 			if (isAnswerSelected) {
-				startCommand += ` & npm run dev:${framework}-components`;
+				startCommand += ` dev:${framework}-components`;
 			}
 		}
 
 		for (const currentAnswer of currentAnswers) {
-			startCommand += ` & npm run start-showcase:${currentAnswer} --if-present`;
+			startCommand += ` start-showcase:${currentAnswer}`;
 		}
 
 		// TODO: Handle child process better