From b53fbd3fbab4d263b8b63d8be4a849b77497ddf4 Mon Sep 17 00:00:00 2001
From: Ejaaz Khan <67804911+iamejaaz@users.noreply.github.com>
Date: Wed, 8 Jan 2025 20:40:47 +0530
Subject: [PATCH] fix: misalignment of attachment icon and title (#29086)

---
 frappe/public/js/frappe/form/sidebar/attachments.js | 2 +-
 frappe/public/scss/desk/sidebar.scss                | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frappe/public/js/frappe/form/sidebar/attachments.js b/frappe/public/js/frappe/form/sidebar/attachments.js
index e60b32dbea..1613faa99b 100644
--- a/frappe/public/js/frappe/form/sidebar/attachments.js
+++ b/frappe/public/js/frappe/form/sidebar/attachments.js
@@ -147,7 +147,7 @@ frappe.ui.form.Attachments = class Attachments {
 			};
 		}
 
-		const icon = `<a href="/app/file/${fileid}">
+		const icon = `<a href="/app/file/${fileid}" class="attachment-icon">
 				${frappe.utils.icon(attachment.is_private ? "es-line-lock" : "es-line-unlock", "sm ml-0")}
 			</a>`;
 
diff --git a/frappe/public/scss/desk/sidebar.scss b/frappe/public/scss/desk/sidebar.scss
index 8f5388eee1..691cb81cef 100644
--- a/frappe/public/scss/desk/sidebar.scss
+++ b/frappe/public/scss/desk/sidebar.scss
@@ -766,6 +766,9 @@ body {
 			margin-left: var(--margin-xs);
 			text-align: left;
 		}
+		.attachment-icon {
+			line-height: 0;
+		}
 	}
 }