diff --git a/app/css/app.css b/app/css/app.css
index 5256af5..d2103c9 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -41,6 +41,13 @@ footer {
 #kelvin-page h3 {
   text-align: center;
 }
+#kelvin-page h4 {
+  text-align: center;
+  width: 411px;
+  position: absolute;
+  top: 121px;
+  left: 110px;
+}
 #kelvin {
   background: rgba(255, 255, 255, 0.05);
   color: #fff;
diff --git a/app/css/app.less b/app/css/app.less
index a7a7bf8..a22b4cd 100644
--- a/app/css/app.less
+++ b/app/css/app.less
@@ -88,6 +88,13 @@ footer{
 	h3{
 		text-align: center;
 	}
+	h4{
+		text-align: center;
+	    width: 411px;
+	    position: absolute;
+	    top: 121px;
+	    left: 110px;
+	}
 }
 #kelvin{
 	background: @INPUT_BG;
@@ -99,6 +106,7 @@ footer{
     display: block;
     text-align: center;
 }
+
 #kelvin-slider{
 	position: relative;
 	width: 352px;
diff --git a/app/index.html b/app/index.html
index a4e3055..8a65478 100644
--- a/app/index.html
+++ b/app/index.html
@@ -72,8 +72,9 @@
         <div id="colors-tabs"></div>
         <div id="colors-content">
           <div id="kelvin-page" class="colors-page" style="display: block;">
-            <h3>KELVIN</h3>
+            <h3>TEMPERATURE</h3>
             <input id="kelvin" type="number" min="0" max="20000" value="0" />
+            <h4>KELVIN</h4>
             <div id="kelvin-slider">
                 <div id="kelvin-scale"></div>
                 <div id="kelvin-pos"></div>