correcting checkbox

pages/previsions/futures_sorties.vue

 <template>
 	<main class="container">
 		<h2 class="text-center my-5 font-weight-light">{{ $t("futureexits") }}</h2>
-		<div class="row flex-column align-items-center">
-			<div class="col mb-4 text-center">
-				<input
-					type="checkbox"
-					id="favoris"
-					v-model="favoris"
-					@change="save()" />
-				<label for="favoris" class="form-label">{{ $t("favoris.use") }}</label>
-			</div>
+		<div class="form-check form-switch mb-4 d-flex justify-content-center">
+			<input
+				type="checkbox"
+				id="favoris"
+				class="form-check-input me-2"
+				role="switch"
+				v-model="favoris"
+				@change="save()" />
+			<label for="favoris" class="form-check-label">{{
+				$t("favoris.use")
+			}}</label>
 		</div>
 		<NavigationLoader :isLoading="$apollo.loading" />
 		<transition name="fade">