diff --git a/web/app/assets/stylesheets/client/recordingManager.css.scss b/web/app/assets/stylesheets/client/recordingManager.css.scss
index 8ed92305e..0e3edff76 100644
--- a/web/app/assets/stylesheets/client/recordingManager.css.scss
+++ b/web/app/assets/stylesheets/client/recordingManager.css.scss
@@ -7,6 +7,7 @@
   text-align: center;
   left: 25%;
   width: 50%;
+  z-index:-1;
 
   .recording-manager-command {
     box-sizing: border-box;
diff --git a/web/app/views/clients/_footer.html.erb b/web/app/views/clients/_footer.html.erb
index 6bd56c907..c7f00d8a6 100644
--- a/web/app/views/clients/_footer.html.erb
+++ b/web/app/views/clients/_footer.html.erb
@@ -1,8 +1,6 @@
 <!-- start footer -->
 <div id="footer">
 
-  <%= render "clients/recordingManager" %>
-
   <!-- copyright -->
   <div id="copyright">Copyright &copy; 2013 JamKazam, Inc. All Rights Reserved</div>
 
@@ -11,5 +9,7 @@
     <%= link_to "about", corp_about_path , :rel=>"external" %>&nbsp;&nbsp;|&nbsp;&nbsp;<%= link_to "news", corp_news_path , :rel=>"external" %>&nbsp;&nbsp;|&nbsp;&nbsp;<%= link_to "media", corp_media_center_path , :rel=>"external" %>&nbsp;&nbsp;|&nbsp;&nbsp;<%= link_to "contact", corp_contact_path , :rel=>"external" %>&nbsp;&nbsp;|&nbsp;&nbsp;<%= link_to "privacy", corp_privacy_path, :rel=>"external" %>&nbsp;&nbsp;|&nbsp;&nbsp;<%= link_to "terms of service", corp_terms_path , :rel=>"external" %>&nbsp;&nbsp;|&nbsp;<%= link_to "help", corp_help_path , :rel=>"external" %>
   </div>
 
+  <%= render "clients/recordingManager" %>
+
 </div>
 <!-- end footer -->