match figma closely

packages/design-system/src/components/N8nInfoTip/InfoTip.vue

@@ -1,5 +1,5 @@
 <template>
-	<div :class="[$style[theme], $style[type]]">
+	<div :class="{[$style[theme]]: true, [$style[type]]: true, [$style.bold]: bold}">
 		<n8n-tooltip :placement="tooltipPlacement" :popper-class="$style.tooltipPopper" :disabled="type !== 'tooltip'">
 			<span>
 				<n8n-icon :icon="theme.startsWith('info') ? 'info-circle': 'exclamation-triangle'" />
@@ -33,6 +33,10 @@ export default {
 			validator: (value: string): boolean =>
 				['note', 'tooltip'].includes(value),
 		},
+		bold: {
+			type: Boolean,
+			default: true,
+		},
 		tooltipPlacement: {
 			type: String,
 			default: 'top',
@@ -44,7 +48,6 @@ export default {
 <style lang="scss" module>
 .base {
 	font-size: var(--font-size-2xs);
-	font-weight: var(--font-weight-bold);
 	line-height: var(--font-size-s);
 	word-break: normal;
 	display: flex;
@@ -55,6 +58,10 @@ export default {
 	}
 }
 
+.bold {
+	font-weight: var(--font-weight-bold);
+}
+
 .note {
 	composes: base;
 

packages/editor-ui/src/views/SettingsApiView.vue

@@ -9,16 +9,16 @@
 
 			<div v-if="apiKey">
 				<p class="mb-s">
-					<n8n-info-tip>
+					<n8n-info-tip :bold="false">
 						{{ $locale.baseText('settings.api.view.info') }}
-						<n8n-link to="https://docs.n8n.io/api/" size="small" :bold="true">
+						<n8n-link to="https://docs.n8n.io/api/" size="small">
 							{{ $locale.baseText('generic.learnMore') }}
 						</n8n-link>
 					</n8n-info-tip>
 				</p>
 				<n8n-card :class="$style.card">
 					<span :class="$style.delete">
-						<n8n-link @click="showDeleteModal">
+						<n8n-link @click="showDeleteModal" :bold="true">
 							{{ $locale.baseText('generic.delete') }}
 						</n8n-link>
 					</span>