diff --git a/css/ui.css b/css/ui.css
index ff143e88..06a36b0f 100644
--- a/css/ui.css
+++ b/css/ui.css
@@ -141,6 +141,10 @@ body.tab-layout #notebook > #emulator.active {
 body.tab-layout #notebook > .gutter {
   display:none;
 }
+/* no button-group background on mobile tab layout */
+body.tab-layout .btn_group {
+  background-color:transparent;
+}
 #workspace {
   background-color:#333;
   overflow:hidden;
diff --git a/index.html b/index.html
index 61fe74be..38840b69 100644
--- a/index.html
+++ b/index.html
@@ -277,7 +277,7 @@ body {
 <div id="notebook">
   <!-- shown only on small screens (see ide/layout.ts); switches the panes below -->
   <div id="mobiletabs" class="disable-select">
-    <button type="button" class="mobiletab" data-tab="sidebar">Files</button>
+    <button type="button" class="mobiletab" data-tab="sidebar">Sidebar</button>
     <button type="button" class="mobiletab" data-tab="editor">Editor</button>
     <button type="button" class="mobiletab active" data-tab="emulator">Emulator</button>
   </div>
diff --git a/src/ide/layout.ts b/src/ide/layout.ts
index 7491add8..8dc90644 100644
--- a/src/ide/layout.ts
+++ b/src/ide/layout.ts
@@ -33,7 +33,7 @@ var hooks: LayoutHooks = null;
 var notebookSplit: any = null;
 // true when the panes are shown as tabs (one at a time) instead of side by side
 var tabMode = false;
-var activeTab = 'emulator';
+var activeTab = 'workspace';
 // the side-by-side sizes to restore when we leave tab mode
 var desktopSizes: number[] = null;
 var splitStorageName: string = null;