diff --git a/frappe/public/js/frappe/form/sidebar/assign_to.js b/frappe/public/js/frappe/form/sidebar/assign_to.js
index 25f259e867..a5741522b7 100644
--- a/frappe/public/js/frappe/form/sidebar/assign_to.js
+++ b/frappe/public/js/frappe/form/sidebar/assign_to.js
@@ -318,7 +318,7 @@ frappe.ui.form.AssignmentDialog = class {
 		if (assignment === frappe.session.user) {
 			btn_group.append(`
 				<button type="button" class="btn btn-default complete-btn" title="${__("Done")}">
-					${frappe.utils.icon("tick")}
+					${frappe.utils.icon("tick", "xs")}
 				</button>
 			`);
 			btn_group.find(".complete-btn").click(() => {
diff --git a/frappe/public/scss/common/modal.scss b/frappe/public/scss/common/modal.scss
index 350ccadac9..bc918f5b93 100644
--- a/frappe/public/scss/common/modal.scss
+++ b/frappe/public/scss/common/modal.scss
@@ -263,10 +263,11 @@ body.modal-open[style^="padding-right"] {
 	@extend .row;
 	.btn-group {
 		opacity: 0;
-		transition: opacity .77s ease-in-out;
+		transition: opacity .3s ease-in-out;
 
 		button {
 			display: inline-flex;
+			align-items: center;
 		}
 	}
 	.assignee {