diff --git a/src/less/dark/classDiagram.less b/src/less/dark/classDiagram.less
index 31ef1845d..b69e1f5b3 100644
--- a/src/less/dark/classDiagram.less
+++ b/src/less/dark/classDiagram.less
@@ -2,7 +2,7 @@ g.classGroup text {
   fill: @nodeBorder;
   stroke: none;
   font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px;
+  font-size: 10px;
 }
 
 g.classGroup rect {
@@ -24,6 +24,7 @@ svg .classLabel .box {
 
 svg .classLabel .label {
   fill: @nodeBorder;
+  font-size: 10px;
 }
 
 .relation {
diff --git a/src/less/forest/classDiagram.less b/src/less/forest/classDiagram.less
index 31ef1845d..b69e1f5b3 100644
--- a/src/less/forest/classDiagram.less
+++ b/src/less/forest/classDiagram.less
@@ -2,7 +2,7 @@ g.classGroup text {
   fill: @nodeBorder;
   stroke: none;
   font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px;
+  font-size: 10px;
 }
 
 g.classGroup rect {
@@ -24,6 +24,7 @@ svg .classLabel .box {
 
 svg .classLabel .label {
   fill: @nodeBorder;
+  font-size: 10px;
 }
 
 .relation {
diff --git a/src/less/neutral/classDiagram.less b/src/less/neutral/classDiagram.less
index df1dd8ac4..b69e1f5b3 100644
--- a/src/less/neutral/classDiagram.less
+++ b/src/less/neutral/classDiagram.less
@@ -1,8 +1,8 @@
 g.classGroup text {
   fill: @nodeBorder;
   stroke: none;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 14px;
+  font-family: 'trebuchet ms', verdana, arial;
+  font-size: 10px;
 }
 
 g.classGroup rect {
@@ -24,6 +24,7 @@ svg .classLabel .box {
 
 svg .classLabel .label {
   fill: @nodeBorder;
+  font-size: 10px;
 }
 
 .relation {