diff --git a/app/renderer/components/navigation/navigator.js b/app/renderer/components/navigation/navigator.js
index b9a354d78d4..9c04fe353bd 100644
--- a/app/renderer/components/navigation/navigator.js
+++ b/app/renderer/components/navigation/navigator.js
@@ -27,7 +27,7 @@ const extensionState = require('../../../common/state/extensionState')
 const siteSettingsState = require('../../../common/state/siteSettingsState')
 
 // Util
-const {getCurrentWindowId, isMaximized} = require('../../currentWindow')
+const {getCurrentWindowId, isMaximized, isFullScreen} = require('../../currentWindow')
 const {makeImmutable} = require('../../../common/state/immutableUtil')
 const platformUtil = require('../../../common/lib/platformUtil')
 const {braveShieldsEnabled} = require('../../../common/state/shieldState')
@@ -225,7 +225,7 @@ class Navigator extends ImmutableComponent {
           onDragOver={this.onDragOver}
           onDrop={this.onDrop}
         >
-          <div className='backforward'>
+          <div className={'backforward' + (isFullScreen() ? ' fullscreen' : '')}>
             <div className={cx({
               navigationButtonContainer: true,
               nav: true,
diff --git a/less/navigationBar.less b/less/navigationBar.less
index 26dd7ce8c86..c892f708105 100644
--- a/less/navigationBar.less
+++ b/less/navigationBar.less
@@ -19,6 +19,10 @@
 .platform--darwin .navigatorWrapper .backforward {
   margin-left: @navbarLeftMarginDarwin;
 
+  &.fullscreen {
+    margin-left: 0;
+  }
+
   // Since we want to keep the navigator centered, we need to calculate the
   // difference between the width of the left box and the width of the right box.
   @centerOffset: @navbarLeftMarginDarwin + 2 * (@navbarButtonWidth + @navbarButtonSpacing) // width area on the left