diff --git a/packages/synapse-bridge/dev/main.ts b/packages/synapse-bridge/dev/main.ts
index 7c244e927..0b757bfc1 100644
--- a/packages/synapse-bridge/dev/main.ts
+++ b/packages/synapse-bridge/dev/main.ts
@@ -8,7 +8,6 @@ import { createVuetify } from 'vuetify'
 import { aliases, mdi } from 'vuetify/iconsets/mdi-svg'
 import { fr } from 'vuetify/locale'
 
-
 import { colorTheme } from '@cnamts/design-tokens/src/colors'
 
 import { notification } from '@/modules/notification'
@@ -36,7 +35,6 @@ const vuetify = createVuetify({
 			},
 		},
 	},
-
 })
 
 const store = createStore({
diff --git a/packages/synapse-bridge/src/elements/DialogBox/DialogBox.vue b/packages/synapse-bridge/src/elements/DialogBox/DialogBox.vue
index f0adb0e37..a0f219f06 100644
--- a/packages/synapse-bridge/src/elements/DialogBox/DialogBox.vue
+++ b/packages/synapse-bridge/src/elements/DialogBox/DialogBox.vue
@@ -56,7 +56,7 @@ export default defineComponent({
 			closeIcon: mdiClose,
 			locales,
 			dialog: this.modelValue,
-			titleId: `title-${Math.random().toString(36).substring(7)}`
+			titleId: `title-${Math.random().toString(36).substring(7)}`,
 		}
 	},
 
@@ -142,7 +142,11 @@ export default defineComponent({
 		>
 			<VCardTitle v-bind="options.cardTitle">
 				<slot name="title">
-					<h2 v-if="title" :id="titleId" class="text-h6 font-weight-bold">
+					<h2
+						v-if="title"
+						:id="titleId"
+						class="text-h6 font-weight-bold"
+					>
 						{{ title }}
 					</h2>
 				</slot>
diff --git a/packages/synapse-bridge/src/elements/DialogBox/tests/DialogBox.spec.ts b/packages/synapse-bridge/src/elements/DialogBox/tests/DialogBox.spec.ts
index 3e26a5431..e14767dd8 100644
--- a/packages/synapse-bridge/src/elements/DialogBox/tests/DialogBox.spec.ts
+++ b/packages/synapse-bridge/src/elements/DialogBox/tests/DialogBox.spec.ts
@@ -32,11 +32,11 @@ describe('DialogBox', () => {
 
 			await wrapper.vm.$nextTick()
 
-			const dialog = wrapper.findComponent(VDialog);
-			const title = wrapper.findComponent(VCard).find('h2').text();
+			const dialog = wrapper.findComponent(VDialog)
+			const title = wrapper.findComponent(VCard).find('h2').text()
 
-			expect(dialog.exists()).toBe(true);
-			expect(title).toBe('Test title');
+			expect(dialog.exists()).toBe(true)
+			expect(title).toBe('Test title')
 		})
 
 		it('is closed when model value is false', async () => {
@@ -52,9 +52,9 @@ describe('DialogBox', () => {
 
 			await wrapper.vm.$nextTick()
 
-			const card = wrapper.findComponent(VCard);
+			const card = wrapper.findComponent(VCard)
 
-			expect(card.exists()).toBe(false);
+			expect(card.exists()).toBe(false)
 		})
 
 		it('becomes visible when the model value is updated', async () => {
diff --git a/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue b/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue
index 67da07303..93ae59bb6 100644
--- a/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue
+++ b/packages/synapse-bridge/src/patterns/DatePicker/DatePicker.vue
@@ -108,8 +108,8 @@ export default defineComponent({
 		startDateFormatted() {
 			return this.startDate
 				? dayjs(this.startDate, 'YYYY-MM-DD').format(
-					this.dateFormatReturn
-				)
+						this.dateFormatReturn
+					)
 				: null
 		},
 		inputRules() {
@@ -189,7 +189,7 @@ export default defineComponent({
 		},
 		formSubmitted(newValue) {
 			if (newValue) {
-				this.updateMessages();
+				this.updateMessages()
 			}
 		},
 	},
@@ -235,7 +235,7 @@ export default defineComponent({
 		async updateMessages() {
 			const textField = this.$refs[
 				'text-field'
-				] as ComponentPublicInstance<typeof VTextField>
+			] as ComponentPublicInstance<typeof VTextField>
 			if (!textField) return
 
 			this.validateWarning(this.internalValue)
diff --git a/packages/synapse-bridge/src/patterns/NirField/NirField.vue b/packages/synapse-bridge/src/patterns/NirField/NirField.vue
index 15de2f6d0..614c646c2 100644
--- a/packages/synapse-bridge/src/patterns/NirField/NirField.vue
+++ b/packages/synapse-bridge/src/patterns/NirField/NirField.vue
@@ -1,17 +1,22 @@
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { config } from './config';
-import { locales } from './locales';
-import type { Refs } from '@/types';
-import { customizable } from '@/mixins/customizable';
-import { vMaska } from 'maska';
-import { mdiInformationOutline } from '@mdi/js';
-import deepMerge from 'deepmerge';
-import type { ValidationRule } from '@/rules/types';
-import { NUMBER_LENGTH, KEY_LENGTH, checkNIR, isNIRKeyValid } from './nirValidations';
-
-const SINGLE_FIELD = NUMBER_LENGTH;
-const DOUBLE_FIELD = NUMBER_LENGTH + KEY_LENGTH;
+import { defineComponent } from 'vue'
+import { config } from './config'
+import { locales } from './locales'
+import type { Refs } from '@/types'
+import { customizable } from '@/mixins/customizable'
+import { vMaska } from 'maska'
+import { mdiInformationOutline } from '@mdi/js'
+import deepMerge from 'deepmerge'
+import type { ValidationRule } from '@/rules/types'
+import {
+	NUMBER_LENGTH,
+	KEY_LENGTH,
+	checkNIR,
+	isNIRKeyValid,
+} from './nirValidations'
+
+const SINGLE_FIELD = NUMBER_LENGTH
+const DOUBLE_FIELD = NUMBER_LENGTH + KEY_LENGTH
 
 export default defineComponent({
 	inheritAttrs: false,
@@ -27,7 +32,7 @@ export default defineComponent({
 			type: Number,
 			default: DOUBLE_FIELD,
 			validator(value: number): boolean {
-				return [SINGLE_FIELD, DOUBLE_FIELD].includes(value);
+				return [SINGLE_FIELD, DOUBLE_FIELD].includes(value)
 			},
 		},
 		required: {
@@ -54,9 +59,9 @@ export default defineComponent({
 	data() {
 		return {
 			$refs: {} as Refs<{
-				numberField: HTMLElement;
-				keyField: HTMLElement;
-				vInput: HTMLElement;
+				numberField: HTMLElement
+				keyField: HTMLElement
+				vInput: HTMLElement
 			}>,
 
 			locales,
@@ -94,168 +99,175 @@ export default defineComponent({
 
 			numberErrors: [] as string[],
 			keyErrors: [] as string[],
-		};
+		}
 	},
 	watch: {
 		modelValue: {
 			immediate: true,
 			handler(newValue) {
 				if (newValue === null) {
-					this.numberValue = '';
-					this.keyValue = '';
+					this.numberValue = ''
+					this.keyValue = ''
 
-					return;
+					return
 				}
 
 				if (this.internallyUpdatedValue === newValue) {
-					this.internallyUpdatedValue = null;
+					this.internallyUpdatedValue = null
 
-					return;
+					return
 				}
 
-				this.numberValue = newValue.slice(0, NUMBER_LENGTH);
-				this.keyValue = newValue.slice(NUMBER_LENGTH, DOUBLE_FIELD);
+				this.numberValue = newValue.slice(0, NUMBER_LENGTH)
+				this.keyValue = newValue.slice(NUMBER_LENGTH, DOUBLE_FIELD)
 
-				this.validateNumberValue(this.numberValue);
+				this.validateNumberValue(this.numberValue)
 				if (!this.isSingleField) {
-					this.validateKeyValue(this.keyValue);
+					this.validateKeyValue(this.keyValue)
 				}
 			},
 		},
 		numberErrors(newErrors) {
-			this.handleResetValidation(newErrors);
+			this.handleResetValidation(newErrors)
 		},
 		keyErrors(newErrors) {
-			this.handleResetValidation(newErrors);
+			this.handleResetValidation(newErrors)
 		},
 	},
 	computed: {
 		isSingleField(): boolean {
-			return this.nirLength === SINGLE_FIELD;
+			return this.nirLength === SINGLE_FIELD
 		},
 		textFieldOptions() {
-			return deepMerge(config, this.$attrs);
+			return deepMerge(config, this.$attrs)
 		},
 
 		numberRules(): ValidationRule[] {
 			return [
 				(value: string | null) => {
 					if (this.required && !value) {
-						return this.locales.errorRequiredNumber;
+						return this.locales.errorRequiredNumber
 					}
-					return true;
+					return true
 				},
 				(value: string | null) => {
-					if (value && value.length !== NUMBER_LENGTH && value.length > 0) {
-						return this.locales.errorLengthNumber(NUMBER_LENGTH);
+					if (
+						value &&
+						value.length !== NUMBER_LENGTH &&
+						value.length > 0
+					) {
+						return this.locales.errorLengthNumber(NUMBER_LENGTH)
 					}
-					return true;
+					return true
 				},
 				(value: string | null) => {
 					if (value && !checkNIR(value) && value.length > 0) {
-						return this.locales.errorInvalidFormat;
+						return this.locales.errorInvalidFormat
 					}
-					return true;
+					return true
 				},
-			];
+			]
 		},
 
 		keyRules(): ValidationRule[] {
 			if (this.isSingleField) {
-				return [];
+				return []
 			}
 			return [
 				(value: string | null) => {
 					if (this.required && !value) {
-						return this.locales.errorRequiredKey;
+						return this.locales.errorRequiredKey
 					}
-					return true;
+					return true
 				},
 				(value: string | null) => {
-					if (value && value.length > 0 && value.length !== KEY_LENGTH) {
-						return this.locales.errorLengthKey(KEY_LENGTH);
+					if (
+						value &&
+						value.length > 0 &&
+						value.length !== KEY_LENGTH
+					) {
+						return this.locales.errorLengthKey(KEY_LENGTH)
 					}
-					return true;
+					return true
 				},
 				(value: string | null) => {
 					if (value) {
-						const fullNIR = this.numberValue + value;
+						const fullNIR = this.numberValue + value
 						if (!isNIRKeyValid(fullNIR)) {
-							return this.locales.errorInvalidKey;
+							return this.locales.errorInvalidKey
 						}
 					}
-					return true;
+					return true
 				},
-			];
+			]
 		},
 		rules() {
 			const numberRules = () => {
 				this.validateNumberValue(this.maskaNumberValue.unmasked)
-				return this.numberErrors.length === 0;
-
-			};
+				return this.numberErrors.length === 0
+			}
 
 			return this.isSingleField
 				? [numberRules]
 				: [
 					numberRules,
 					() => {
-						this.validateKeyValue(this.maskaKeyValue.unmasked);
+						this.validateKeyValue(this.maskaKeyValue.unmasked)
 
-						return this.keyErrors.length === 0;
+						return this.keyErrors.length === 0
 					},
-				];
+				]
 		},
 
 		errors(): string[] | never[] {
-			return [...this.numberErrors ?? null, ...this.keyErrors ?? null];
+			return [...(this.numberErrors ?? null), ...(this.keyErrors ?? null)]
 		},
 	},
 	methods: {
 		handleResetValidation(newErrors: string[]) {
 			if (newErrors.length === 0 && this.$refs.vInput) {
-				this.$refs.vInput.resetValidation();
+				this.$refs.vInput.resetValidation()
 			}
 		},
 
 		changeNumberValue(): void {
 			if (this.isSingleField) {
-				this.internallyUpdatedValue = this.maskaNumberValue.unmasked;
-				this.$emit('update:modelValue', this.maskaNumberValue.unmasked);
+				this.internallyUpdatedValue = this.maskaNumberValue.unmasked
+				this.$emit('update:modelValue', this.maskaNumberValue.unmasked)
 
-				return;
+				return
 			}
-			this.doubleFieldUpdated();
+			this.doubleFieldUpdated()
 		},
 
 		changeKeyValue(): void {
-			this.doubleFieldUpdated();
+			this.doubleFieldUpdated()
 		},
 
 		doubleFieldUpdated(): void {
 			const internalValue =
-				this.maskaNumberValue.unmasked + this.maskaKeyValue.unmasked;
+				this.maskaNumberValue.unmasked + this.maskaKeyValue.unmasked
 
-			this.internallyUpdatedValue = internalValue;
-			this.$emit('update:modelValue', internalValue);
+			this.internallyUpdatedValue = internalValue
+			this.$emit('update:modelValue', internalValue)
 		},
 
 		validateNumberValue(numberFieldValue: string): void {
 			this.numberErrors = this.numberRules
 				.map((rule) => {
-					const result = rule(numberFieldValue);
-					return result === true ? null : result;
+					const result = rule(numberFieldValue)
+					return result === true ? null : result
 				})
-				.filter((error): error is string => error !== null);
+				.filter((error): error is string => error !== null)
 		},
 
 		validateKeyValue(keyFieldValue: string): void {
 			this.keyErrors = this.keyRules
 				.map((rule) => {
-					const result = rule(keyFieldValue);
-					return result === true ? null : result;
+					const result = rule(keyFieldValue)
+					return result === true ? null : result
 				})
-				.filter((error): error is string => error !== null);
+				.filter((error): error is string => error !== null)
 		},
 
 		focusKeyField({
@@ -265,37 +277,37 @@ export default defineComponent({
 						  metaKey,
 						  shiftKey,
 					  }: KeyboardEvent): void {
-			const isSingleField = this.isSingleField;
-			const notFilled = !this.maskaNumberValue.completed;
-			const keyHasModifier = altKey || ctrlKey || metaKey || shiftKey;
-			const isNotSingleAlphaNumChar = !/^[a-zA-Z0-9| ]$/.test(key);
+			const isSingleField = this.isSingleField
+			const notFilled = !this.maskaNumberValue.completed
+			const keyHasModifier = altKey || ctrlKey || metaKey || shiftKey
+			const isNotSingleAlphaNumChar = !/^[a-zA-Z0-9| ]$/.test(key)
 			const isContentSelected =
 				this.$refs.numberField.selectionStart !==
-				this.$refs.numberField.selectionEnd;
+				this.$refs.numberField.selectionEnd
 
 			const shouldNotFocus =
 				isSingleField ||
 				notFilled ||
 				keyHasModifier ||
 				isNotSingleAlphaNumChar ||
-				isContentSelected;
+				isContentSelected
 
 			if (shouldNotFocus) {
-				return;
+				return
 			}
 
-			this.$refs.keyField.focus();
+			this.$refs.keyField.focus()
 		},
 
 		focusNumberField(): void {
 			if (this.maskaKeyValue.unmasked.length !== 0) {
-				return;
+				return
 			}
 
-			this.$refs.numberField.focus();
+			this.$refs.numberField.focus()
 		},
 	},
-});
+})
 </script>
 
 <template>
@@ -307,9 +319,9 @@ export default defineComponent({
 			ref="vInput"
 			:model-value="[numberValue, keyValue]"
 			:validation-value="[
-        maskaNumberValue.unmasked,
-        maskaKeyValue.unmasked,
-      ]"
+				maskaNumberValue.unmasked,
+				maskaKeyValue.unmasked,
+			]"
 			validate-on="blur lazy"
 			:error-messages="errors"
 			:max-errors="5"
@@ -331,18 +343,25 @@ export default defineComponent({
 				:error="numberErrors.length > 0"
 				:aria-invalid="numberErrors.length > 0"
 				:aria-errormessage="
-          numberErrors.length > 0 ? 'number-field-errors' : undefined
-        "
+					numberErrors.length > 0 ? 'number-field-errors' : undefined
+				"
 				class="vd-number-field flex-grow-0 mr-2 mr-sm-4"
 				@keydown="focusKeyField"
 				@maska="changeNumberValue"
 				@blur="validateNumberValue(maskaNumberValue.unmasked)"
 				@focus="
-          () => {
-            numberErrors = [];
-          }
-        "
-			/>
+					() => {
+						numberErrors = []
+					}
+				"
+			>
+				<template #append-inner>
+					<slot
+						v-if="maskaNumberValue.completed"
+						name="number-append-icon"
+					/>
+				</template>
+			</VTextField>
 			<div id="number-field-errors" class="d-sr-only">
 				{{ numberErrors.join(' ') }}
 			</div>
@@ -362,18 +381,25 @@ export default defineComponent({
 					:error="keyErrors.length > 0"
 					:aria-invalid="keyErrors.length > 0"
 					:aria-errormessage="
-            keyErrors.length > 0 ? 'key-field-errors' : undefined
-          "
+						keyErrors.length > 0 ? 'key-field-errors' : undefined
+					"
 					class="vd-key-field flex-grow-0 mr-2 mr-sm-4"
 					@keyup.delete="focusNumberField"
 					@maska="changeKeyValue"
 					@blur="validateKeyValue(maskaKeyValue.unmasked)"
 					@focus="
-            () => {
-              keyErrors = [];
-            }
-          "
-				/>
+						() => {
+							keyErrors = []
+						}
+					"
+				>
+					<template #append-inner>
+						<slot
+							v-if="maskaKeyValue.completed"
+							name="key-append-icon"
+						/>
+					</template>
+				</VTextField>
 				<div id="key-field-errors" class="d-sr-only">
 					{{ keyErrors.join(' ') }}
 				</div>
@@ -469,8 +495,8 @@ export default defineComponent({
 	padding-left: 0 !important;
 }
 :deep(
-    .v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot
-  ) {
+		.v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot
+	) {
 	width: min-content !important;
 }
 </style>
diff --git a/packages/synapse-bridge/src/patterns/NirField/locales.ts b/packages/synapse-bridge/src/patterns/NirField/locales.ts
index d41b79d56..6aeeb7e0d 100644
--- a/packages/synapse-bridge/src/patterns/NirField/locales.ts
+++ b/packages/synapse-bridge/src/patterns/NirField/locales.ts
@@ -1,12 +1,14 @@
 export const locales = {
-	errorRequiredNumber: "Le numéro de sécurité sociale est requis.",
-	errorLengthNumber: (length: number) => `Le numéro de sécurité sociale doit contenir ${length} caractères.`,
-	errorInvalidFormat: "Le format du numéro de sécurité sociale est invalide.",
-	errorRequiredKey: "La clé du numéro de sécurité sociale est requise.",
-	errorLengthKey: (length: number) => `La clé du numéro de sécurité sociale doit contenir ${length} caractères.`,
-	errorInvalidKey: "La clé du numéro de sécurité sociale est invalide.",
-	numberLabel: "Numéro de sécurité sociale",
-	numberHint: "13 caractères",
+	errorRequiredNumber: 'Le numéro de sécurité sociale est requis.',
+	errorLengthNumber: (length: number) =>
+		`Le numéro de sécurité sociale doit contenir ${length} caractères.`,
+	errorInvalidFormat: 'Le format du numéro de sécurité sociale est invalide.',
+	errorRequiredKey: 'La clé du numéro de sécurité sociale est requise.',
+	errorLengthKey: (length: number) =>
+		`La clé du numéro de sécurité sociale doit contenir ${length} caractères.`,
+	errorInvalidKey: 'La clé du numéro de sécurité sociale est invalide.',
+	numberLabel: 'Numéro de sécurité sociale',
+	numberHint: '13 caractères',
 	keyLabel: 'Clé',
-	keyHint: '2 chiffres'
-} as const ;
+	keyHint: '2 chiffres',
+} as const
diff --git a/packages/synapse-bridge/src/patterns/NirField/nirValidations.ts b/packages/synapse-bridge/src/patterns/NirField/nirValidations.ts
index d7a127cc8..86bb58f13 100644
--- a/packages/synapse-bridge/src/patterns/NirField/nirValidations.ts
+++ b/packages/synapse-bridge/src/patterns/NirField/nirValidations.ts
@@ -1,47 +1,47 @@
-export const NUMBER_LENGTH = 13;
-export const KEY_LENGTH = 2;
+export const NUMBER_LENGTH = 13
+export const KEY_LENGTH = 2
 
 export function checkNIR(nir: string): boolean {
-	nir = nir.replace(/\s+/g, '').toUpperCase();
+	nir = nir.replace(/\s+/g, '').toUpperCase()
 
 	const nirRegex = new RegExp(
 		'^' +
-		'(?<sexe>[1-4]|7|8)' +
-		'(?<anneeNaissance>\\d{2})' +
-		'(?<moisNaissance>0[1-9]|1[0-2]|2[0-9]|3[0-9]|4[0-2])' +
-		'(?<departementNaissance>\\d{2}|2A|2B|96|97\\d|98\\d)' +
-		'(?<communeNaissance>\\d{3})' +
-		'(?<rangInscription>\\d{3})' +
-		'(?<cle>[0-9]{2})?' +
-		'$',
+			'(?<sexe>[1-4]|7|8)' +
+			'(?<anneeNaissance>\\d{2})' +
+			'(?<moisNaissance>0[1-9]|1[0-2]|2[0-9]|3[0-9]|4[0-2])' +
+			'(?<departementNaissance>\\d{2}|2A|2B|96|97\\d|98\\d)' +
+			'(?<communeNaissance>\\d{3})' +
+			'(?<rangInscription>\\d{3})' +
+			'(?<cle>[0-9]{2})?' +
+			'$',
 		'i'
-	);
-	return nirRegex.test(nir);
+	)
+	return nirRegex.test(nir)
 }
 
 export function computeNIRKey(nir: string): string {
-	nir = nir.replace(/\s+/g, '').toUpperCase();
+	nir = nir.replace(/\s+/g, '').toUpperCase()
 
-	let nirNumberPart = nir.substring(0, 13);
+	let nirNumberPart = nir.substring(0, 13)
 
-	nirNumberPart = nirNumberPart.replace('2A', '19').replace('2B', '18');
+	nirNumberPart = nirNumberPart.replace('2A', '19').replace('2B', '18')
 
-	const nirNumber = BigInt(nirNumberPart);
+	const nirNumber = BigInt(nirNumberPart)
 
-	const key = 97n - (nirNumber % 97n);
+	const key = 97n - (nirNumber % 97n)
 
-	return key.toString().padStart(2, '0');
+	return key.toString().padStart(2, '0')
 }
 
 export function isNIRKeyValid(nir: string): boolean {
-	nir = nir.replace(/\s+/g, '').toUpperCase();
+	nir = nir.replace(/\s+/g, '').toUpperCase()
 
 	if (nir.length !== 15) {
-		return true;
+		return true
 	}
 
-	const providedKey = nir.substring(13, 15);
-	const computedKey = computeNIRKey(nir);
+	const providedKey = nir.substring(13, 15)
+	const computedKey = computeNIRKey(nir)
 
-	return providedKey === computedKey;
+	return providedKey === computedKey
 }
diff --git a/packages/synapse-bridge/src/patterns/NirField/tests/nirValidation.spec.ts b/packages/synapse-bridge/src/patterns/NirField/tests/nirValidation.spec.ts
index 735838fff..6eac32c1e 100644
--- a/packages/synapse-bridge/src/patterns/NirField/tests/nirValidation.spec.ts
+++ b/packages/synapse-bridge/src/patterns/NirField/tests/nirValidation.spec.ts
@@ -1,36 +1,36 @@
-import { checkNIR, computeNIRKey, isNIRKeyValid } from '../nirValidations';
+import { checkNIR, computeNIRKey, isNIRKeyValid } from '../nirValidations'
 import { describe, it, expect } from 'vitest'
 
 describe('NIR Validations', () => {
 	it('returns true for valid NIR', () => {
-		expect(checkNIR('175039720123594')).toBe(true);
-	});
+		expect(checkNIR('175039720123594')).toBe(true)
+	})
 
 	it('returns false for invalid NIR', () => {
-		expect(checkNIR('3234567890123')).toBe(false);
-	});
+		expect(checkNIR('3234567890123')).toBe(false)
+	})
 
 	it('returns false for NIR with invalid length', () => {
-		expect(checkNIR('123456789012')).toBe(false);
-	});
+		expect(checkNIR('123456789012')).toBe(false)
+	})
 
 	it('computes correct NIR key', () => {
-		expect(computeNIRKey('2940375120005')).toBe('91');
-	});
+		expect(computeNIRKey('2940375120005')).toBe('91')
+	})
 
 	it('returns true for valid NIR key', () => {
-		expect(isNIRKeyValid('294037512000591')).toBe(true);
-	});
+		expect(isNIRKeyValid('294037512000591')).toBe(true)
+	})
 
 	it('returns false for invalid NIR key', () => {
-		expect(isNIRKeyValid('123456789012398')).toBe(false);
-	});
+		expect(isNIRKeyValid('123456789012398')).toBe(false)
+	})
 
 	it('returns true for NIR without key', () => {
-		expect(isNIRKeyValid('1234567890123')).toBe(true);
-	});
+		expect(isNIRKeyValid('1234567890123')).toBe(true)
+	})
 
 	it('returns true for NIR with invalid length', () => {
-		expect(isNIRKeyValid('123456789012')).toBe(true);
-	});
-});
+		expect(isNIRKeyValid('123456789012')).toBe(true)
+	})
+})
diff --git a/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue b/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
index 93ef41215..eb1546238 100644
--- a/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
+++ b/packages/synapse-bridge/src/patterns/NotificationBar/NotificationBar.vue
@@ -98,7 +98,7 @@ export default defineComponent({
 			if (this.notification.type === 'success') {
 				this.snackbarColor = '#56C271'
 			} else if (this.notification.type === 'warning') {
-				this.snackbarColor = '#f0b323';
+				this.snackbarColor = '#f0b323'
 			} else {
 				this.snackbarColor =
 					this.options.snackBar.color || this.notification.type
diff --git a/packages/synapse-bridge/src/patterns/SelectBtnField/SelectBtnField.vue b/packages/synapse-bridge/src/patterns/SelectBtnField/SelectBtnField.vue
index c3b27a962..5b0bca2af 100644
--- a/packages/synapse-bridge/src/patterns/SelectBtnField/SelectBtnField.vue
+++ b/packages/synapse-bridge/src/patterns/SelectBtnField/SelectBtnField.vue
@@ -139,10 +139,7 @@ export default defineComponent({
 </script>
 
 <template>
-	<div
-		:class="{ 'vd-form-input': !inline }"
-		class="select-btn-field"
-	>
+	<div :class="{ 'vd-form-input': !inline }" class="select-btn-field">
 		<VBtnToggle
 			v-bind="options.btnToggle"
 			tag="ul"