diff --git a/src/views/DownloadConfig.vue b/src/views/DownloadConfig.vue
index 0cc689432e..e056daa092 100644
--- a/src/views/DownloadConfig.vue
+++ b/src/views/DownloadConfig.vue
@@ -1,12 +1,17 @@
 <template>
-  <pre><code>{{ yamlConfig }}</code></pre>
+  <pre v-if="allowViewConfig"><code>{{ yamlConfig }}</code></pre>
+  <AccessError v-else />
 </template>
 
 <script>
 import JsYaml from 'js-yaml';
+import AccessError from '@/components/Configuration/AccessError';
 
 export default {
   name: 'DownloadConfig',
+  components: {
+    AccessError,
+  },
   computed: {
     config() {
       return this.$store.state.config;
@@ -14,6 +19,9 @@ export default {
     yamlConfig() {
       return JsYaml.dump(this.config);
     },
+    allowViewConfig() {
+      return this.$store.getters.permissions.allowViewConfig;
+    },
   },
 };