diff --git a/frappe/public/js/form_builder/components/Field.vue b/frappe/public/js/form_builder/components/Field.vue index 2a124b2bb7..4b4a0b34af 100644 --- a/frappe/public/js/form_builder/components/Field.vue +++ b/frappe/public/js/form_builder/components/Field.vue @@ -101,11 +101,6 @@ watch( margin-top: 0.5rem; } - &:focus-within { - border-style: solid; - border-color: var(--gray-600); - } - &.hovered, &.selected { border-color: var(--primary); diff --git a/frappe/public/js/form_builder/components/FormBuilder.vue b/frappe/public/js/form_builder/components/FormBuilder.vue index 5112e2dd9c..8c63160f27 100644 --- a/frappe/public/js/form_builder/components/FormBuilder.vue +++ b/frappe/public/js/form_builder/components/FormBuilder.vue @@ -40,7 +40,7 @@ onMounted(() => store.fetch()); box-shadow: var(--card-shadow); background-color: var(--card-bg); - :deep(.field.sortable-chosen) { + :deep(.drag-container .field.sortable-chosen) { background-color: var(--bg-light-gray); border-radius: var(--border-radius); border: 1px dashed var(--gray-400);