diff --git a/frappe/public/scss/common/global.scss b/frappe/public/scss/common/global.scss
index 7a3d582ebd..cac99cfeb8 100644
--- a/frappe/public/scss/common/global.scss
+++ b/frappe/public/scss/common/global.scss
@@ -12,7 +12,7 @@ body {
 .checkbox {
 	label {
 		display: inline-flex;
-		align-items: center;
+		align-items: start;
 		margin-bottom: 0;
 	}
 	--checkbox-right-margin: 8px;
@@ -26,6 +26,23 @@ body {
 	.disp-area {
 		display: flex;
 	}
+
+	.input-area {
+		padding-top: 2.5px;
+
+		@media (max-width: map-get($grid-breakpoints, "lg")) {
+			padding-top: 1px;
+		}
+	}
+
+	.help-box {
+		padding-left: 22px;
+		margin-top: 0px;
+
+		@media (max-width: map-get($grid-breakpoints, "lg")) {
+			padding-left: 26px;
+		}
+	}
 }
 
 .frappe-card {
diff --git a/frappe/public/scss/desk/form.scss b/frappe/public/scss/desk/form.scss
index 6601676ad0..b5d840ebd8 100644
--- a/frappe/public/scss/desk/form.scss
+++ b/frappe/public/scss/desk/form.scss
@@ -186,6 +186,7 @@
 		.avatar {
 			height: 32px;
 			width: 32px;
+			margin-top: 1px;
 		}
 		.frappe-control {
 			padding-right: 0;
diff --git a/frappe/public/scss/desk/global.scss b/frappe/public/scss/desk/global.scss
index 56fc55e598..a2f54e0e64 100644
--- a/frappe/public/scss/desk/global.scss
+++ b/frappe/public/scss/desk/global.scss
@@ -419,8 +419,8 @@ kbd {
 	background-color: var(--control-bg);
 	font-family: var(--font-stack);
 	color: var(--text-light);
-	line-height: 1.2em;
-	letter-spacing: 0.02em;
+	line-height: 0.9em;
+	letter-spacing: 0.06em;
 	height: 20px;
 	padding: 4px 8px;
 }
diff --git a/frappe/public/scss/website/base.scss b/frappe/public/scss/website/base.scss
index 29740f5f17..aceb28c5de 100644
--- a/frappe/public/scss/website/base.scss
+++ b/frappe/public/scss/website/base.scss
@@ -15,8 +15,8 @@ kbd {
 	background-color: var(--control-bg);
 	font-family: var(--font-stack);
 	color: var(--text-light);
-	line-height: 1.2em;
-	letter-spacing: 0.02em;
+	line-height: 0.9em;
+	letter-spacing: 0.06em;
 	height: 20px;
 	padding: 4px 8px;
 }