diff --git a/public/css/index.css b/public/css/index.css
index 35e56413b11..a12f33e18e2 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1166,6 +1166,9 @@ footer .ui.language .menu {
 .new.webhook .events.fields .column {
   padding-left: 40px;
 }
+.githook textarea {
+  font-family: monospace;
+}
 .repository {
   padding-top: 15px;
   padding-bottom: 80px;
diff --git a/public/less/_form.less b/public/less/_form.less
index 4542c092db0..5a6810ec9c3 100644
--- a/public/less/_form.less
+++ b/public/less/_form.less
@@ -140,3 +140,9 @@
 		}
 	}
 }
+
+.githook {
+    textarea {
+        font-family: monospace;
+    }
+}