diff --git a/frappe/public/scss/common/form.scss b/frappe/public/scss/common/form.scss
new file mode 100644
index 0000000000..2fa6ab619e
--- /dev/null
+++ b/frappe/public/scss/common/form.scss
@@ -0,0 +1,29 @@
+.form-control {
+	border: none;
+	font-size: var(--text-md);
+	position: relative;
+}
+
+.form-control.bold {
+	font-weight: 500;
+}
+
+.like-disabled-input {
+	.for-description {
+		font-weight: normal;
+		font-size: var(--text-sm);
+	}
+	min-height: var(--input-height);
+	border-radius: $border-radius;
+	font-weight: 400;
+	padding: 8px 12px;
+	cursor: default;
+	color: var(--disabled-text-color);
+	background-color: var(--disabled-control-bg);
+}
+
+.head-title {
+	font-size: var(--text-lg);
+	font-weight: 700;
+	color: var(--heading-color);
+}
\ No newline at end of file
diff --git a/frappe/public/scss/desk/form.scss b/frappe/public/scss/desk/form.scss
index 9f22d9283a..0bb686f045 100644
--- a/frappe/public/scss/desk/form.scss
+++ b/frappe/public/scss/desk/form.scss
@@ -1,8 +1,4 @@
-.form-control {
-	border: none;
-	font-size: var(--text-md);
-	position: relative;
-}
+@import "../common/form.scss";
 
 .form-section, .form-dashboard-section {
 	margin: 0px;
@@ -82,24 +78,6 @@
 	text-align: right;
 }
 
-.form-control.bold {
-	font-weight: 500;
-}
-
-.like-disabled-input {
-	.for-description {
-		font-weight: normal;
-		font-size: var(--text-sm);
-	}
-	min-height: var(--input-height);
-	border-radius: $border-radius;
-	font-weight: 400;
-	padding: 8px 12px;
-	cursor: default;
-	color: var(--disabled-text-color);
-	background-color: var(--disabled-control-bg);
-}
-
 .form-control:disabled, .form-control[readonly] {
 	cursor: not-allowed;
 }