diff --git a/record-and-playback/presentation/playback/presentation/css/bbb.playback.css b/record-and-playback/presentation/playback/presentation/css/bbb.playback.css
index c5831c3d6b554ff84c8e669bfa92a0df95732b02..45a845ce1492109dd68fd4bfea79376e8caa669f 100755
--- a/record-and-playback/presentation/playback/presentation/css/bbb.playback.css
+++ b/record-and-playback/presentation/playback/presentation/css/bbb.playback.css
@@ -52,6 +52,11 @@ br{
 	margin: 0 auto;
 }
 
+#audioRecordingWrapper{
+	float: left;
+	width: 100%;
+}
+
 #audioRecording{
 	display: block;
 	margin-left: auto;
@@ -59,6 +64,20 @@ br{
 	width: 100%;
 }
 
+#audioRecordingWrapper .acorn-controls{
+	position: relative;
+	margin-top: -5px;
+	margin-left: 5px;
+	width: 750px;
+}
+
+#autoscrollWrapper{
+	float: left;
+	margin-left: 10px;
+	width: 130px;
+	font-size: 14px;
+}
+
 .webcam{
   width: 402px;
   height: 300px;
diff --git a/record-and-playback/presentation/playback/presentation/playback.html b/record-and-playback/presentation/playback/presentation/playback.html
index 671f4067f214a926352c1b449ba43e5b06ba0821..a31e4aa8d6fceae090e19242797eea8e6d93f294 100755
--- a/record-and-playback/presentation/playback/presentation/playback.html
+++ b/record-and-playback/presentation/playback/presentation/playback.html
@@ -61,12 +61,15 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 			  This playback requires modern browser, please use FF, Safari, Chrome</video>
 -->			  
 		  	</div>
-		  	<div id="audioRecordingWrapper" role="region" aria-label="Audio">
+	  	</div>
+	  	<div id="audioRecordingWrapper" role="region" aria-label="Audio">
 <!--
 		  	  <audio id="video">You must use an HTML5 capable browser to view this page.
 			  This playback requires modern browser, please use FF, Safari, Chrome</audio>	
 -->
-		  	</div>
+		<div id="autoscrollWrapper">
+			<input id="autoscrollEnabled" type="checkbox" name="autoscrollEnabled" checked="true" aria-label="Toggle autoscroll"/>
+			<label for="autoscrollEnabled">Auto scroll</label>
 		</div>
 	</div>
 
@@ -78,9 +81,6 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 	</div>
 	-->
 	<p id="footer">Recorded with <a href="http://bigbluebutton.org/">BigBlueButton</a></p>
-	<label><input id="autoscrollEnabled" type="checkbox" name="autoscrollEnabled" checked="true"/>Auto scroll</label>
 <!--	<script src='lib/writing.js'></script> -->
 </body>
 </html>
-
-
diff --git a/record-and-playback/presentation/playback/presentation/playback.js b/record-and-playback/presentation/playback/presentation/playback.js
index 5411718c73a889add8f27c4597e1c19eb04c8f74..1fa48d7e474cbb82deaebbde688d02628addef83 100755
--- a/record-and-playback/presentation/playback/presentation/playback.js
+++ b/record-and-playback/presentation/playback/presentation/playback.js
@@ -377,13 +377,6 @@ document.addEventListener( "DOMContentLoaded", function() {
     theme: 'darkglass',
     volumeSlider: 'vertical'
   });
-  $('.acorn-controls').width('500');
-  $('.acorn-controls').position({
-    "my": "center top",
-    "at": "center bottom",
-    "of": '#playbackArea',
-    "collision": "none none"
-  });
 }, false);
 
 var secondsToWait = 0;