diff --git a/src/workspace-element.coffee b/src/workspace-element.coffee
index fb4b19dc3..14adc9d7e 100644
--- a/src/workspace-element.coffee
+++ b/src/workspace-element.coffee
@@ -74,6 +74,8 @@ class WorkspaceElement extends HTMLElement
       left: @views.getView(@model.panelContainers.left)
       right: @views.getView(@model.panelContainers.right)
       bottom: @views.getView(@model.panelContainers.bottom)
+      topBar: @views.getView(@model.panelContainers.topBar)
+      bottomBar: @views.getView(@model.panelContainers.bottomBar)
       modal: @views.getView(@model.panelContainers.modal)
 
     @horizontalAxis.insertBefore(@panelContainers.left, @verticalAxis)
@@ -82,6 +84,9 @@ class WorkspaceElement extends HTMLElement
     @verticalAxis.insertBefore(@panelContainers.top, @paneContainer)
     @verticalAxis.appendChild(@panelContainers.bottom)
 
+    @insertBefore(@panelContainers.topBar, @horizontalAxis)
+    @appendChild(@panelContainers.bottomBar)
+
     @appendChild(@panelContainers.modal)
 
     this
diff --git a/src/workspace.coffee b/src/workspace.coffee
index c04058119..7ee68e2f8 100644
--- a/src/workspace.coffee
+++ b/src/workspace.coffee
@@ -47,6 +47,8 @@ class Workspace extends Model
       left: new PanelContainer({location: 'left'})
       right: new PanelContainer({location: 'right'})
       bottom: new PanelContainer({location: 'bottom'})
+      topBar: new PanelContainer({location: 'top-bar'})
+      bottomBar: new PanelContainer({location: 'bottom-bar'})
       modal: new PanelContainer({location: 'modal'})
 
     @subscribeToEvents()
@@ -66,6 +68,8 @@ class Workspace extends Model
       left: new PanelContainer({location: 'left'})
       right: new PanelContainer({location: 'right'})
       bottom: new PanelContainer({location: 'bottom'})
+      topBar: new PanelContainer({location: 'top-bar'})
+      bottomBar: new PanelContainer({location: 'bottom-bar'})
       modal: new PanelContainer({location: 'modal'})
 
     @originalFontSize = null