diff --git a/docs/src/xhtml/components/icons/list.less b/docs/src/xhtml/components/icons/list.less
index af879d2d4..d318f8995 100644
--- a/docs/src/xhtml/components/icons/list.less
+++ b/docs/src/xhtml/components/icons/list.less
@@ -15,7 +15,7 @@
 		}
 		&.icons-size-app {
 			i {
-				font-size: 36px; // App Icon Size
+				font-size: @ts-fontsize-xxbig; // App Icon Size
 			}
 		}
 	}
diff --git a/docs/src/xhtml/design/assets/css/design.less b/docs/src/xhtml/design/assets/css/design.less
index a539d3e90..6705b8bd0 100644
--- a/docs/src/xhtml/design/assets/css/design.less
+++ b/docs/src/xhtml/design/assets/css/design.less
@@ -16,7 +16,7 @@ article {
 			text-align: left;
 			font-weight: 300;
 			font-style: italic;
-			font-size: 12px;
+			font-size: @ts-fontsize-mini;
 			padding: @ts-unit;
 			padding-top: 0;
 		}
diff --git a/docs/src/xhtml/design/copy/assets/copy.less b/docs/src/xhtml/design/copy/assets/copy.less
index 6907aac5e..8d7690329 100644
--- a/docs/src/xhtml/design/copy/assets/copy.less
+++ b/docs/src/xhtml/design/copy/assets/copy.less
@@ -4,7 +4,7 @@ figure {
 	&:before {
 		display: block;
 		text-transform: uppercase;
-		font-size: 11px;
+		font-size: @ts-fontsize-small;
 		font-weight: 400;
 		padding: @ts-unit-quarter @ts-unit-half @ts-unit-quarter @ts-unit;
 		margin: 0;
diff --git a/src/runtime/less/ts-cards.less b/src/runtime/less/ts-cards.less
index 2829c04e3..a8069d56d 100644
--- a/src/runtime/less/ts-cards.less
+++ b/src/runtime/less/ts-cards.less
@@ -45,7 +45,7 @@
 }
 .ts-companycard-name {
 	margin: 0;
-	font-size: 16px;
+	font-size: @ts-fontsize-medium;
 	font-weight: @ts-fontweight-semibold;
 	max-height: @ts-unit-double;
 	overflow: hidden;
@@ -145,7 +145,7 @@
 		}
 		.ts-usercard-name {
 			margin-top: 0;
-			font-size: 16px;
+			font-size: @ts-fontsize-medium;
 			font-weight: @ts-fontweight-semibold;
 			max-height: @ts-unit-double;
 			overflow: hidden;
diff --git a/src/runtime/less/ts-elements.less b/src/runtime/less/ts-elements.less
index a4d5fc2c8..dc97da2eb 100644
--- a/src/runtime/less/ts-elements.less
+++ b/src/runtime/less/ts-elements.less
@@ -40,7 +40,7 @@ code,
 kbd,
 var {
 	font-family: @ts-fontstack-mono;
-	font-size: 16px;
+	font-size: @ts-fontsize-medium;
 }
 a {
 	text-decoration: none;
diff --git a/src/runtime/less/ts-main.less b/src/runtime/less/ts-main.less
index b1a500998..473779aa9 100644
--- a/src/runtime/less/ts-main.less
+++ b/src/runtime/less/ts-main.less
@@ -213,5 +213,5 @@ body > .ts-panel {
 	z-index: @ts-zindex-spin;
 	width: 100%;
 	text-align: center;
-	font-size: 16px;
+	font-size: @ts-fontsize-medium;
 }
diff --git a/src/runtime/less/ts-pagers.less b/src/runtime/less/ts-pagers.less
index 97e949840..6c358f7c1 100644
--- a/src/runtime/less/ts-pagers.less
+++ b/src/runtime/less/ts-pagers.less
@@ -47,7 +47,7 @@
 					content: '…';
 					position: absolute;
 					font-weight: @ts-fontweight;
-					font-size: 12px;
+					font-size: @ts-fontsize-mini;
 				}
 				&.ts-less span:before {
 					margin-left: -13px;