diff --git a/frappe/public/js/print_format_builder/Preview.vue b/frappe/public/js/print_format_builder/Preview.vue
index 1603711846..377ec92b6d 100644
--- a/frappe/public/js/print_format_builder/Preview.vue
+++ b/frappe/public/js/print_format_builder/Preview.vue
@@ -130,7 +130,7 @@ onMounted(() => {
 	margin-top: auto;
 	margin-bottom: 1.2rem;
 }
-.preview-control >>> .form-control {
+.preview-control :deep(.form-control) {
 	background: var(--control-bg-on-gray);
 }
 </style>
diff --git a/frappe/public/js/print_format_builder/PrintFormatControls.vue b/frappe/public/js/print_format_builder/PrintFormatControls.vue
index 7d38148d5e..eac5fbe9f6 100644
--- a/frappe/public/js/print_format_builder/PrintFormatControls.vue
+++ b/frappe/public/js/print_format_builder/PrintFormatControls.vue
@@ -332,7 +332,7 @@ watch(print_format, () => (store.dirty.value = true), { deep: true });
 	margin-bottom: 0;
 }
 
-.control-font >>> .frappe-control[data-fieldname="font"] label {
+.control-font :deep(.frappe-control[data-fieldname="font"] label) {
 	display: none;
 }
 </style>