diff --git a/src/code/code.css b/src/code/code.css
new file mode 100644
index 00000000..a6dbcdbc
--- /dev/null
+++ b/src/code/code.css
@@ -0,0 +1,5 @@
+.code__maths {
+	padding-left: 25px;
+	tab-size: 25px;
+	display: inline-block;
+}
diff --git a/src/code/codeMaths.pug b/src/code/codeMaths.pug
index 71a1013c..79fcd1d0 100644
--- a/src/code/codeMaths.pug
+++ b/src/code/codeMaths.pug
@@ -1,5 +1,5 @@
 mixin codeMaths()
 	pre
 		| #[span.u-color-second function #[span.u-color-brand.js-info-name]](x: number): number {
-		| #[div.maths.js-info-maths]
+		| #[div.code__maths.js-info-maths]
 		| }
diff --git a/src/index.css b/src/index.css
index a98d6a17..82015099 100644
--- a/src/index.css
+++ b/src/index.css
@@ -11,6 +11,7 @@
 @import "./info/info.css";
 @import "./info-chart/info-chart.css";
 @import "./function/function.css";
+@import "./code/code.css";
 @import "./chart/chart.css";
 @import "./example/example.css";
 @import "./example-copy/example-copy.css";
diff --git a/src/utils/utils.css b/src/utils/utils.css
index f4904852..2d033595 100644
--- a/src/utils/utils.css
+++ b/src/utils/utils.css
@@ -5,9 +5,3 @@
 .u-color-second {
 	color: var(--second-color);
 }
-
-div.maths {
-	padding-left: 25px;
-	tab-size: 25px;
-	display: inline-block;
-}