diff --git a/frontend/src/pages/Courses/Courses.vue b/frontend/src/pages/Courses/Courses.vue
index 3cdc5491..0bb7fd1f 100644
--- a/frontend/src/pages/Courses/Courses.vue
+++ b/frontend/src/pages/Courses/Courses.vue
@@ -77,14 +77,13 @@
 					</div>
 				</div>
 
-				<Tooltip :text="__('Only show courses that offer a certificate.')">
-					<FormControl
-						type="checkbox"
-						v-model="certification"
-						:label="__('Certification')"
-						@change="updateCourses()"
-					/>
-				</Tooltip>
+				<Switch
+					size="sm"
+					v-model="certification"
+					:label="__('Certification')"
+					:description="__('Only show courses that offer a certificate.')"
+					@change="updateCourses()"
+				/>
 			</div>
 		</div>
 		<div
@@ -124,7 +123,7 @@ import {
 	FormControl,
 	Select,
 	TabButtons,
-	Tooltip,
+	Switch,
 	usePageMeta,
 } from 'frappe-ui'
 import { computed, inject, onMounted, ref, watch } from 'vue'