diff --git a/src/styles/components/_audiovideo.scss b/src/styles/components/_audiovideo.scss
index 6b218b01..32f5c2ce 100644
--- a/src/styles/components/_audiovideo.scss
+++ b/src/styles/components/_audiovideo.scss
@@ -71,6 +71,14 @@
   }
 }
 
+.mainPresentation #audiovideo.fullscreen {
+  top: 51px !important;
+}
+
+.mainYoutubevideo #audiovideo.fullscreen {
+  top: 51px !important;
+}
+
 .audiovideo {
   bottom: 0;
   left: 0;
diff --git a/src/styles/global/_base.scss b/src/styles/global/_base.scss
index a4338c98..0fab6126 100644
--- a/src/styles/global/_base.scss
+++ b/src/styles/global/_base.scss
@@ -42,6 +42,7 @@ body {
     min-width: $buddylist-width;
     position: absolute;
     width: 100%;
+    left: 0;
   }
 }
 
diff --git a/static/js/directives/audiovideo.js b/static/js/directives/audiovideo.js
index 9992c1b0..e5b951e0 100644
--- a/static/js/directives/audiovideo.js
+++ b/static/js/directives/audiovideo.js
@@ -240,8 +240,13 @@ define(['jquery', 'underscore', 'text!partials/audiovideo.html', 'text!partials/
 
 			$scope.toggleFullscreen = function() {
 				//console.log("Toggle full screen", BigScreen.enabled, $scope.isActive, $scope.hasUsermedia);
+				var target = $scope.layoutparent[0];
+				// Display whole page in fullscreen when in specific layout modes
+				if ($scope.layout.presentation || $scope.layout.youtubevideo) {
+					target = null;
+				}
 				if (BigScreen.enabled && ($scope.isActive || $scope.hasUsermedia)) {
-					BigScreen.toggle($scope.layoutparent[0], function() {
+					BigScreen.toggle(target, function() {
 						// onEnter
 						$scope.layoutparent.addClass("fullscreen");
 					}, function() {