diff --git a/samples/js/apprtc/css/main.css b/samples/js/apprtc/css/main.css
index 0d91232e26..15d9eee2ba 100644
--- a/samples/js/apprtc/css/main.css
+++ b/samples/js/apprtc/css/main.css
@@ -1,5 +1,5 @@
-a:link { color: #ffffff; }
-a:visited {color: #ffffff; }
+a:link { color: #FFFFFF; }
+a:visited {color: #FFFFFF; }
 html, body {
   background-color: #000000;
   height: 100%;
@@ -9,6 +9,17 @@ body {
   margin: 0;
   padding: 0;
 }
+footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 28px;
+  background-color: #3F3F3F;
+  color: #FFFFFF;
+  font-size: 13px; font-weight: bold;
+  line-height: 28px;
+  text-align: center;
+}
 #container {
   background-color: #000000;
   position: absolute;
@@ -65,17 +76,6 @@ body {
   -webkit-transition-property: opacity;
   -webkit-transition-duration: 2s;
 }
-#footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 28px;
-  background-color: #3F3F3F;
-  color: rgb(255, 255, 255);
-  font-size: 13px; font-weight: bold;
-  line-height: 28px;
-  text-align: center;
-}
 #hangup {
  font-size: 13px; font-weight: bold;
  color: #FFFFFF;
@@ -86,7 +86,6 @@ body {
  border-color: #FFFFFF;
  margin: 2px;
 }
-
 #infoDiv {
   position: absolute;
   float: right;
diff --git a/samples/js/apprtc/index.html b/samples/js/apprtc/index.html
index 7a2b861800..efbdfe8562 100644
--- a/samples/js/apprtc/index.html
+++ b/samples/js/apprtc/index.html
@@ -45,7 +45,7 @@
   </div>
 </div>
 </body>
-<footer id="footer">
+<footer id="status">
 </footer>
 <div id="infoDiv"></div>
 </html>
diff --git a/samples/js/apprtc/js/main.js b/samples/js/apprtc/js/main.js
index f6f0d09f26..6a9396bd83 100644
--- a/samples/js/apprtc/js/main.js
+++ b/samples/js/apprtc/js/main.js
@@ -165,7 +165,7 @@ function maybeStart() {
 }
 
 function setStatus(state) {
-  document.getElementById('footer').innerHTML = state;
+  document.getElementById('status').innerHTML = state;
 }
 
 function doCall() {