diff --git a/core/frontend/src/components/kraken/cards/InstalledExtensionCard.vue b/core/frontend/src/components/kraken/cards/InstalledExtensionCard.vue
index c7716bd914..e01f7ed74d 100644
--- a/core/frontend/src/components/kraken/cards/InstalledExtensionCard.vue
+++ b/core/frontend/src/components/kraken/cards/InstalledExtensionCard.vue
@@ -147,7 +147,7 @@
         </v-expansion-panel-header>
         <v-expansion-panel-content>
           <json-viewer
-            :value="JSON.parse(extension.permissions ?? '{}')"
+            :value="parsed_permissions"
             :expand-depth="5"
             :show-array-index="false"
             :show-double-quotes="true"
@@ -166,7 +166,7 @@
         </v-expansion-panel-header>
         <v-expansion-panel-content>
           <json-viewer
-            :value="JSON.parse(extension.user_permissions ?? '{}')"
+            :value="parsed_user_permissions"
             :expand-depth="5"
             :show-array-index="false"
             :show-double-quotes="true"
@@ -233,6 +233,7 @@ import Vue, { PropType } from 'vue'
 import SpinningLogo from '@/components/common/SpinningLogo.vue'
 import settings from '@/libs/settings'
 import system_information from '@/store/system-information'
+import { JSONValue } from '@/types/common'
 import { ExtensionData, InstalledExtensionData } from '@/types/kraken'
 import { Disk } from '@/types/system-information/system'
 import { prettifySize } from '@/utils/helper_functions'
@@ -317,6 +318,12 @@ export default Vue.extend({
 
       return this.extension.tag === latest ? false : latest
     },
+    parsed_user_permissions(): JSONValue {
+      return JSON.parse(this.extension.user_permissions ?? '{}')
+    },
+    parsed_permissions(): JSONValue {
+      return JSON.parse(this.extension.permissions ?? '{}')
+    },
   },
   methods: {
     prettifySize(size_kb: number) {