diff --git a/src/app/ide/ide.component.scss b/src/app/ide/ide.component.scss
index 9249657..c6df21d 100644
--- a/src/app/ide/ide.component.scss
+++ b/src/app/ide/ide.component.scss
@@ -5,8 +5,8 @@
 
 .tfw-grid-ide-statusbar {
   display: grid;
-  height: $tao-navbar-height;
   grid-template-columns: 8fr 1fr;
+  background-color: #353535;
 }
 
 .tfw-ide-editor {
@@ -15,47 +15,40 @@
   overflow: hidden;
 }
 
-.btn-group {
-  padding-left: 34px;
-}
-
 .underline {
   text-decoration: underline;
 }
 
 .tfw-tab-btn {
-  background-color: gray;
-  color: $tao-gray-600;
-  border-left: 0;
-  border-right: 0;
-  border-radius: 100px;
-  padding: 5px 19px;
+  background-color: #333333;
+  color: $tao-gray-400;
+  border-radius: 0;
+  padding: 0.5em 0.7em;
   z-index: 200;
 
   .tfw-tab-btn-saved,
   .active,
   .disabled,
   &:disabled {
-    background-color: white;
-    font-weight: bolder;
-    color: black;
-    border: 0;
+    background-color: #131313;  // matches vscode dark theme with disbled gray
+    color: white;
   }
 }
 
 .tfw-deploy-btn-group {
-  margin: auto $tiny;
+  display: flex;
+  justify-content: flex-end;  
 
   .tfw-deploy-btn {
     background: $tao-bright-green-200;
-    border-radius: 100px;
-    padding: 6px 19px;
+    padding: 0.5em 0.7em 0.8em 1.5em;
+    border-radius: 0;
+    border-bottom-left-radius: 2.2em;
 
     img {
       padding-right: 0.5em;
       position: relative;
-      bottom: 1px;
-      height: $small;
+      height: 1em;
     }
 
     &.failed {