diff --git a/frontend/src/components/Settings/Transactions/TransactionDetails.vue b/frontend/src/components/Settings/Transactions/TransactionDetails.vue
index 07c27539..74f29c72 100644
--- a/frontend/src/components/Settings/Transactions/TransactionDetails.vue
+++ b/frontend/src/components/Settings/Transactions/TransactionDetails.vue
@@ -32,16 +32,14 @@
 		</div>
 		<div v-if="transactionData" class="overflow-y-auto">
 			<div class="grid grid-cols-3 gap-5">
-				<Switch
-					size="sm"
+				<FormControl
 					:label="__('Payment Received')"
-					:description="__('Mark the payment as received.')"
+					type="checkbox"
 					v-model="transactionData.payment_received"
 				/>
-				<Switch
-					size="sm"
+				<FormControl
 					:label="__('Payment For Certificate')"
-					:description="__('This payment is for a certificate.')"
+					type="checkbox"
 					v-model="transactionData.payment_for_certificate"
 				/>
 				<FormControl
diff --git a/frontend/src/components/Settings/Transactions/TransactionList.vue b/frontend/src/components/Settings/Transactions/TransactionList.vue
index f53f87a0..78bc2036 100644
--- a/frontend/src/components/Settings/Transactions/TransactionList.vue
+++ b/frontend/src/components/Settings/Transactions/TransactionList.vue
@@ -27,17 +27,15 @@
 				doctype="User"
 				:placeholder="__('Filter by Member')"
 			/>
-			<Switch
-				size="sm"
-				:label="__('Payment Received')"
-				:description="__('Mark the payment as received.')"
+			<FormControl
 				v-model="paymentReceived"
+				type="checkbox"
+				:label="__('Payment Received')"
 			/>
-			<Switch
-				size="sm"
-				:label="__('Payment For Certificate')"
-				:description="__('This payment is for a certificate.')"
+			<FormControl
 				v-model="paymentForCertificate"
+				type="checkbox"
+				:label="__('Payment for Certificate')"
 			/>
 		</div>
 
@@ -47,12 +45,12 @@
 				:rows="transactions.data"
 				row-key="name"
 				:options="{
-                    showTooltip: false,
-                    selectable: false,
-                    onRowClick: (row: { [key: string]: any }) => {
-                        openForm(row)
-                    },
-                }"
+          showTooltip: false,
+          selectable: false,
+          onRowClick: (row: { [key: string]: any }) => {
+            openForm(row)
+          },
+        }"
 			>
 				<ListHeader
 					class="mb-2 grid items-center space-x-4 rounded bg-surface-gray-2 p-2"
diff --git a/frontend/src/pages/CertifiedParticipants.vue b/frontend/src/pages/CertifiedParticipants.vue
index 7d62303f..410a337a 100644
--- a/frontend/src/pages/CertifiedParticipants.vue
+++ b/frontend/src/pages/CertifiedParticipants.vue
@@ -41,16 +41,16 @@
 					</div>
 				</div>
 				<div class="flex items-center space-x-4">
-					<Switch
-						size="sm"
+					<FormControl
 						v-model="openToWork"
 						:label="__('Open to Work')"
+						type="checkbox"
 						@change="updateParticipants()"
 					/>
-					<Switch
-						size="sm"
+					<FormControl
 						v-model="hiring"
 						:label="__('Hiring')"
+						type="checkbox"
 						@change="updateParticipants()"
 					/>
 				</div>
@@ -129,7 +129,6 @@ import {
 	createListResource,
 	FormControl,
 	Select,
-	Switch,
 	usePageMeta,
 } from 'frappe-ui'
 import { computed, inject, onMounted, ref } from 'vue'