diff --git a/src/components/HeaderButtons.vue b/src/components/HeaderButtons.vue
index 8268954..86523d3 100644
--- a/src/components/HeaderButtons.vue
+++ b/src/components/HeaderButtons.vue
@@ -20,9 +20,19 @@
 </template>
 
 <script>
+import _ from 'lodash'
+
 export default {
   props: {
     links: Array,
   },
+
+  computed: {
+    filteredLinks: function () {
+      let links = this.links
+
+      return _.omitBy(links, _.isEmpty)
+    }
+  }
 }
 </script>
diff --git a/src/views/Environment.vue b/src/views/Environment.vue
index c74cf78..7d03c88 100644
--- a/src/views/Environment.vue
+++ b/src/views/Environment.vue
@@ -27,9 +27,9 @@
 
         <template slot="right">
           <header-buttons :links="[
-            { title: 'Install Drupal', icon: 'actions__upload', disabled: false },
+            !isProduction ? { title: 'Install Drupal', icon: 'actions__upload', disabled: false } : {},
             { title: 'Clear Varnish', icon: 'alpha__clear-cache', disabled: false },
-            { title: 'Live development', icon: 'actions__publish-settings', disabled: false },
+            !isProduction ? { title: 'Live development', icon: 'actions__publish-settings', disabled: false } : { title: 'Production mode', icon: 'state__locked', disabled: false },
             { title: 'Rename', icon: 'actions__edit', disabled: false },
             { title: 'Configure', icon: 'actions__setting', disabled: false },
           ]"></header-buttons>