diff --git a/pkg/app-launcher/components/AppLauncherCard.vue b/pkg/app-launcher/components/AppLauncherCard.vue
index bb07043..be7c62a 100644
--- a/pkg/app-launcher/components/AppLauncherCard.vue
+++ b/pkg/app-launcher/components/AppLauncherCard.vue
@@ -28,7 +28,7 @@ export default {
       window.open(link);
     },
     toggleFavorite() {
-      this.$emit('toggle-favorite', this.app)
+      this.$emit('toggle-favorite', this.app);
     },
   },
   computed: {
@@ -38,9 +38,11 @@ export default {
           const endpoint = `${
             isMaybeSecure(port.port, port.protocol) ? 'https' : 'http'
           }:${this.app.metadata?.name}:${port.port}`;
+
           return {
             label: `${endpoint}${port.protocol === 'UDP' ? ' (UDP)' : ''}`,
-            value: `/k8s/clusters/${this.app.clusterId}/api/v1/namespaces/${this.app.metadata.namespace}/services/${endpoint}/proxy`,
+            value: `/k8s/clusters/${this.app.clusterId}/api/v1/namespaces/` +
+              `${this.app.metadata.namespace}/services/${endpoint}/proxy`,
           };
         }) ?? []
       );
@@ -83,17 +85,37 @@ export default {
 </script>
 
 <template>
-  <Card class="app-launcher-card" :show-highlight-border="false" :sticky="true" v-if="app">
+  <Card
+    v-if="app"
+    class="app-launcher-card"
+    :show-highlight-border="false"
+    :sticky="true"
+  >
     <template #title>
       <div style="width: 100%">
         <p style="font-size: 1.2rem">
           {{ app.metadata?.name }}
         </p>
-        <div style="color: var(--input-label); display: flex; justify-content: space-between; margin-top: 4px;">
-          <p v-if="app.kind === 'Service' && app.metadata?.labels?.['app.kubernetes.io/version'] !== undefined">
+        <div
+          style="
+            color: var(--input-label); display: flex;
+            justify-content: space-between; margin-top: 4px;
+          "
+        >
+          <p
+            v-if="
+              app.kind === 'Service' &&
+              app.metadata?.labels?.['app.kubernetes.io/version'] !== undefined
+            "
+          >
             {{ kubernetesVersion }}
           </p>
-          <p v-if="app.kind === 'Service' && app.metadata?.labels?.['helm.sh/chart'] !== undefined">
+          <p
+            v-if="
+              app.kind === 'Service' &&
+              app.metadata?.labels?.['helm.sh/chart'] !== undefined
+            "
+          >
             {{ helmChart }}
           </p>
           <p v-if="app.kind === 'Ingress'">
@@ -104,10 +126,18 @@ export default {
     </template>
     <template #body>
       <p v-if="app.kind === 'Service'">
-        {{ (isGlobalApp || isFavorited) && isInGlobalView ? `${app.clusterName}/` : '' }}{{ namespace }}/{{ name }}
+        {{
+          (isGlobalApp || isFavorited) &&
+          isInGlobalView ? `${app.clusterName}/` : ''
+        }}
+        {{ namespace }}/{{ name }}
       </p>
       <p v-if="app.kind === 'Ingress'">
-        {{ (isGlobalApp || isFavorited) && isInGlobalView ? `${app.clusterName}: ` : '' }}{{ ingressPath }}
+        {{
+          (isGlobalApp || isFavorited) &&
+          isInGlobalView ? `${app.clusterName}: ` : ''
+        }}
+        {{ ingressPath }}
       </p>
     </template>
     <template #actions>
@@ -121,9 +151,10 @@ export default {
         :href="endpoints[0]?.value"
         target="_blank"
         rel="noopener noreferrer nofollow"
-        :title="endpoints?.length === 0 ? t('appLauncher.noEndpointFoundForApp') : t('appLauncher.launchEndpoint', {
-          endpoint: endpoints[0].label,
-        })"
+        :title="endpoints?.length === 0 ? t('appLauncher.noEndpointFoundForApp')
+                : t('appLauncher.launchEndpoint', {
+                  endpoint: endpoints[0].label,
+                })"
         class="btn role-primary"
       >
         {{ t('appLauncher.launch') }}
@@ -149,7 +180,6 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-
 .app-launcher-card {
   ::v-deep .card-body {
     overflow: hidden !important;
diff --git a/pkg/app-launcher/components/ClusterActions.vue b/pkg/app-launcher/components/ClusterActions.vue
index 94cd5f9..94c2435 100644
--- a/pkg/app-launcher/components/ClusterActions.vue
+++ b/pkg/app-launcher/components/ClusterActions.vue
@@ -2,70 +2,92 @@
 export default {
     name: 'ClusterActions',
     props: {
-        searchQuery: {
-            type: String,
-            required: true,
-        },
-        isGridView: {
-            type: Boolean,
-            required: true,
-        },
-        sortOrder: {
-            type: String,
-            required: true,
-        },
-        selectedCluster: {
-            type: String,
-            required: true,
-        },
-        clusterOptions: {
-            type: Array,
-            required: true,
-        },
+      searchQuery: {
+        type: String,
+        required: true,
+      },
+      isGridView: {
+        type: Boolean,
+        required: true,
+      },
+      sortOrder: {
+        type: String,
+        required: true,
+      },
+      selectedCluster: {
+        type: String,
+        required: true,
+      },
+      clusterOptions: {
+        type: Array,
+        required: true,
+      },
     },
     computed: {
-        aToZorZtoA() {
-            console.log(this.$store.getters['i18n/t']('appLauncher.aToZ'));
-            return this.sortOrder === 'asc' ? this.$store.getters['i18n/t']('appLauncher.aToZ') : this.$store.getters['i18n/t']('appLauncher.zToA');
-        },
+      aToZorZtoA() {
+        return this.sortOrder === 'asc' ? this.$store.getters['i18n/t']('appLauncher.aToZ') : this.$store.getters['i18n/t']('appLauncher.zToA');
+      },
     },
     emits: ['update:search-query', 'toggle-sort', 'update:selected-cluster', 'set-view'],
 };
 </script>
 
 <template>
-    <div class="cluster-actions">
-        <div class="search-input">
-            <input :value="searchQuery" :placeholder="$store.getters['i18n/t']('appLauncher.filter')" @input="$emit('update:search-query', $event.target.value)" />
-        </div>
-        <div class="sort-buttons" v-if="isGridView" @click="$emit('toggle-sort')">
-            <div class="sort-button" :class="{ active: sortOrder === 'asc' }" :disabled="sortOrder === 'asc'">
-                <i class="icon-chevron-up"></i>
-            </div>
-            <div class="sort-label">
-                <p>{{ aToZorZtoA }}</p>
-            </div>
-            <div class="sort-button" :class="{ active: sortOrder === 'desc' }" :disabled="sortOrder === 'desc'">
-                <i class="icon-chevron-down"></i>
-            </div>
-        </div>
-        <div class="select-wrapper">
-            <select :value="selectedCluster" class="cluster-select" @change="$emit('update:selected-cluster', $event.target.value)">
-                <option v-for="option in clusterOptions" :key="option.value" :value="option.value">
-                    {{ option.label }}
-                </option>
-            </select>
-        </div>
-        <button class="icon-button" @click="$emit('set-view', 'grid')">
-            <i class="icon icon-apps" />
-        </button>
-        <button class="icon-button" @click="$emit('set-view', 'list')">
-            <i class="icon icon-list-flat" />
-        </button>
+  <div class="cluster-actions">
+    <div class="search-input">
+      <input
+        :value="searchQuery"
+        :placeholder="$store.getters['i18n/t']('appLauncher.filter')"
+        @input="$emit('update:search-query', $event.target.value)"
+      />
     </div>
+    <div
+      v-if="isGridView"
+      class="sort-buttons"
+      @click="$emit('toggle-sort')"
+    >
+      <div
+        class="sort-button"
+        :class="{ active: sortOrder === 'asc' }"
+        :disabled="sortOrder === 'asc'"
+      >
+        <i class="icon-chevron-up"></i>
+      </div>
+      <div class="sort-label">
+        <p>{{ aToZorZtoA }}</p>
+      </div>
+      <div
+        class="sort-button"
+        :class="{ active: sortOrder === 'desc' }"
+        :disabled="sortOrder === 'desc'"
+      >
+        <i class="icon-chevron-down"></i>
+      </div>
+    </div>
+    <div class="select-wrapper">
+      <select
+        :value="selectedCluster"
+        class="cluster-select"
+        @change="$emit('update:selected-cluster', $event.target.value)"
+      >
+        <option
+          v-for="option in clusterOptions"
+          :key="option.value"
+          :value="option.value"
+        >
+          {{ option.label }}
+        </option>
+      </select>
+    </div>
+    <button class="icon-button" @click="$emit('set-view', 'grid')">
+      <i class="icon icon-apps" />
+    </button>
+    <button class="icon-button" @click="$emit('set-view', 'list')">
+      <i class="icon icon-list-flat" />
+    </button>
+  </div>
 </template>
 
-
 <style scoped>
 .cluster-actions {
     display: flex;
@@ -78,7 +100,6 @@ export default {
     padding-bottom: 0.425rem;
     padding-right: 4.4rem;
     background: inherit;
-    border-bottom: var(--header-border-size) solid var(--header-border);
 }
 
 .icon-button {
@@ -140,4 +161,4 @@ export default {
     border: 1px solid #ccc;
     border-radius: 4px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/pkg/app-launcher/components/ClusterGridView.vue b/pkg/app-launcher/components/ClusterGridView.vue
index d347d86..d2c27e2 100644
--- a/pkg/app-launcher/components/ClusterGridView.vue
+++ b/pkg/app-launcher/components/ClusterGridView.vue
@@ -2,40 +2,42 @@
 import AppLauncherCard from './AppLauncherCard.vue';
 
 export default {
-    name: 'ClusterGridView',
-    components: {
-        AppLauncherCard,
+  name: 'ClusterGridView',
+  components: {
+    AppLauncherCard,
+  },
+  props: {
+    clusterData: {
+      type: Object,
+      required: true,
     },
-    props: {
-        clusterData: {
-            type: Object,
-            required: true,
-        },
-        favoritedApps: {
-            type: Array,
-            required: true,
-        },
+    favoritedApps: {
+      type: Array,
+      required: true,
     },
-    emits: ['toggle-favorite'],
+  },
+  emits: ['toggle-favorite'],
 };
 </script>
 
 <template>
-    <div class="cluster-grid-view">
-        <div class="cluster-header">
-            <h1>
-                {{ clusterData.name }}
-            </h1>
-        </div>
-        <div class="services-by-cluster-grid">
-            <AppLauncherCard
-                v-for="app in clusterData.filteredApps"
-                :key="`${app.clusterId}-${app.id}-${app.kind}`"
-                :app="app" :isInGlobalView="false" :favorited-apps="favoritedApps"
-                @toggle-favorite="$emit('toggle-favorite', $event)"
-            />
-        </div>
+  <div class="cluster-grid-view">
+    <div class="cluster-header">
+      <h1>
+        {{ clusterData.name }}
+      </h1>
     </div>
+    <div class="services-by-cluster-grid">
+      <AppLauncherCard
+        v-for="app in clusterData.filteredApps"
+        :key="`${app.clusterId}-${app.id}-${app.kind}`"
+        :app="app"
+        :is-in-global-view="false"
+        :favorited-apps="favoritedApps"
+        @toggle-favorite="$emit('toggle-favorite', $event)"
+      />
+    </div>
+  </div>
 </template>
 
 <style scoped lang="scss">
diff --git a/pkg/app-launcher/components/ClusterListView.vue b/pkg/app-launcher/components/ClusterListView.vue
index 4d6a2b0..0c25b16 100644
--- a/pkg/app-launcher/components/ClusterListView.vue
+++ b/pkg/app-launcher/components/ClusterListView.vue
@@ -4,103 +4,109 @@ import ButtonDropDown from '@shell/components/ButtonDropdown';
 import { isMaybeSecure } from '@shell/utils/url';
 
 export default {
-    name: 'ClusterListView',
-    components: {
-        SortableTable,
-        ButtonDropDown,
+  name: 'ClusterListView',
+  components: {
+    SortableTable,
+    ButtonDropDown,
+  },
+  props: {
+    clusterData: {
+      type: Object,
+      required: true,
     },
-    props: {
-        clusterData: {
-            type: Object,
-            required: true,
-        },
-        favoritedApps: {
-            type: Array,
-            required: true,
-        },
-        tableHeaders: {
-            type: Array,
-            required: true,
-        },
+    favoritedApps: {
+      type: Array,
+      required: true,
     },
-    methods: {
-        isFavorited(row, favoritedApps) {
-            return favoritedApps.some(
-                (favoritedService) =>
-                    favoritedService.id === row.id &&
-                    favoritedService.kind === row.kind
-            );
-        },
-        getEndpoints(row) {
-            return (
-                row?.spec.ports?.map((port) => {
-                    const endpoint = `${isMaybeSecure(port.port, port.protocol) ? 'https' : 'http'
-                        }:${row.metadata.name}:${port.port}`;
+    tableHeaders: {
+      type: Array,
+      required: true,
+    },
+  },
+  methods: {
+    isFavorited(row, favoritedApps) {
+      return favoritedApps.some(
+        (favoritedService) => favoritedService.id === row.id &&
+          favoritedService.kind === row.kind
+      );
+    },
+    getEndpoints(row) {
+      return (
+        row?.spec.ports?.map((port) => {
+          const endpoint = `${isMaybeSecure(port.port, port.protocol) ? 'https' : 'http'
+              }:${row.metadata.name}:${port.port}`;
 
-                    return {
-                        label: `${endpoint}${port.protocol === 'UDP' ? ' (UDP)' : ''}`,
-                        value: `/k8s/clusters/${row.clusterId}/api/v1/namespaces/${row.metadata.namespace}/services/${endpoint}/proxy`,
-                    };
-                }) ?? []
-            );
-        },
-        openLink(option) {
-            window.open(option.value, '_blank');
-        },
+          return {
+            label: `${endpoint}${port.protocol === 'UDP' ? ' (UDP)' : ''}`,
+            value: `/k8s/clusters/${row.clusterId}/api/v1/namespaces/${row.metadata.namespace}/services/${endpoint}/proxy`,
+          };
+        }) ?? []
+      );
+    },
+    openLink(option) {
+      window.open(option.value, '_blank');
     },
-    emits: ['toggle-favorite'],
+  },
+  emits: ['toggle-favorite'],
 };
 </script>
 
 <template>
-    <div class="cluster-list-view">
-        <div class="cluster-header">
-            <h1>
-                {{ clusterData.name }}
-            </h1>
-        </div>
-        <SortableTable
-            :rows="clusterData.filteredApps"
-            :headers="tableHeaders"
-            :row-key="'uniqueId'"
-            :search="false"
-            :table-actions="false"
-            :row-actions="false"
-            :no-rows-text="$store.getters['i18n/t']('appLauncher.noAppsFound')"
-        >
-            <template #cell:name="{ row }">
-                {{ row.metadata.name }}
-            </template>
-            <template #cell:namespace="{ row }">
-                {{ row.metadata.namespace }}
-            </template>
-            <template #cell:version="{ row }">
-                {{ row.metadata.labels?.['app.kubernetes.io/version'] }}
-            </template>
-            <template #cell:helmChart="{ row }">
-                {{ row.metadata.labels?.['helm.sh/chart'] }}
-            </template>
-            <template #cell:actions="{ row }">
-                <div style="display: flex; justify-content: flex-end;">
-                    <button class="icon-button favorite-icon" @click="$emit('toggle-favorite', row)">
-                        <i :class="['icon', isFavorited(row, favoritedApps) ? 'icon-star' : 'icon-star-open']" />
-                    </button>
-                    <a
-                        v-if="getEndpoints(row)?.length <= 1"
-                        :href="getEndpoints(row)[0]?.value" target="_blank"
-                        rel="noopener noreferrer nofollow" class="btn role-primary">
-                        {{ t('appLauncher.launch') }}
-                    </a>
-                    <ButtonDropDown
-                        v-else
-                        :button-label="t('appLauncher.launch')"
-                        :dropdown-options="getEndpoints(row)"
-                        :title="t('appLauncher.launchAnEndpointFromSelection')" @click-action="openLink"
-                    />
-                </div>
-            </template>
-        </SortableTable>
+  <div class="cluster-list-view">
+    <div class="cluster-header">
+      <h1>
+        {{ clusterData.name }}
+      </h1>
     </div>
+    <SortableTable
+      :rows="clusterData.filteredApps"
+      :headers="tableHeaders"
+      :row-key="'uniqueId'"
+      :search="false"
+      :table-actions="false"
+      :row-actions="false"
+      :no-rows-text="$store.getters['i18n/t']('appLauncher.noAppsFound')"
+    >
+      <template #cell:name="{ row }">
+        {{ row.metadata.name }}
+      </template>
+      <template #cell:namespace="{ row }">
+        {{ row.metadata.namespace }}
+      </template>
+      <template #cell:version="{ row }">
+        {{ row.metadata.labels?.['app.kubernetes.io/version'] }}
+      </template>
+      <template #cell:helmChart="{ row }">
+        {{ row.metadata.labels?.['helm.sh/chart'] }}
+      </template>
+      <template #cell:actions="{ row }">
+        <div style="display: flex; justify-content: flex-end;">
+          <button
+            class="icon-button favorite-icon"
+            @click="$emit('toggle-favorite', row)"
+          >
+            <i :class="['icon', isFavorited(row, favoritedApps) ? 'icon-star' : 'icon-star-open']" />
+          </button>
+          <a
+            v-if="getEndpoints(row)?.length <= 1"
+            :href="getEndpoints(row)[0]?.value"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+            class="btn role-primary"
+          >
+            {{ t('appLauncher.launch') }}
+          </a>
+          <ButtonDropDown
+            v-else
+            :button-label="t('appLauncher.launch')"
+            :dropdown-options="getEndpoints(row)"
+            :title="t('appLauncher.launchAnEndpointFromSelection')"
+            @click-action="openLink"
+          />
+        </div>
+      </template>
+    </SortableTable>
+  </div>
 </template>
 
 <style scoped lang="scss">
diff --git a/pkg/app-launcher/package.json b/pkg/app-launcher/package.json
index de3697c..c7d331e 100644
--- a/pkg/app-launcher/package.json
+++ b/pkg/app-launcher/package.json
@@ -1,7 +1,7 @@
 {
   "name": "app-launcher",
   "description": "App Launcher extension for Rancher",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "private": false,
   "rancher": {
     "annotations": {
diff --git a/pkg/app-launcher/pages/index.vue b/pkg/app-launcher/pages/index.vue
index 53b1f75..dbef68c 100644
--- a/pkg/app-launcher/pages/index.vue
+++ b/pkg/app-launcher/pages/index.vue
@@ -60,9 +60,10 @@ export default {
   async mounted() {
     try {
       const allClusters = await this.getClusters();
+
       this.servicesByCluster = await this.getServicesByCluster(allClusters);
       this.ingressesByCluster = await this.getIngressesByCluster(allClusters);
-      this.selectedCluster = "ALL_CLUSTERS";
+      this.selectedCluster = 'ALL_CLUSTERS';
       this.generateClusterOptions();
 
       // Retrieve global services based on annotations
@@ -93,6 +94,7 @@ export default {
 
       // Retrieve favorites from localStorage
       const storedFavorites = localStorage.getItem('favoritedApps');
+
       if (storedFavorites) {
         this.favoritedApps.push(...JSON.parse(storedFavorites));
       }
@@ -123,12 +125,14 @@ export default {
               loading: true,
               error: false,
             };
+
             try {
               const services = (
                 await this.$store.dispatch('cluster/request', {
                   url: `/k8s/clusters/${cluster.id}/v1/services`,
                 })
               ).data;
+
               clusterData.services = services.map((service) => ({
                 ...service,
                 clusterId: cluster.id,
@@ -140,12 +144,13 @@ export default {
             } finally {
               clusterData.loading = false;
             }
+
             return clusterData;
           })
       );
     },
     async getIngressesByCluster(allClusters) {
-      return Promise.all(
+      return await Promise.all(
         allClusters
           .filter((cluster) => cluster.isReady)
           .map(async (cluster) => {
@@ -156,12 +161,14 @@ export default {
               loading: true,
               error: false,
             };
+
             try {
               const ingresses = (
                 await this.$store.dispatch('cluster/request', {
                   url: `/k8s/clusters/${cluster.id}/v1/networking.k8s.io.ingresses`,
                 })
               ).data;
+
               clusterData.ingresses = ingresses.map((ingress) => ({
                 ...ingress,
                 clusterId: cluster.id,
@@ -173,26 +180,32 @@ export default {
             } finally {
               clusterData.loading = false;
             }
+
             return clusterData;
           })
       );
     },
     generateClusterOptions() {
-      this.clusterOptions = [{ label: 'All Clusters', value: 'ALL_CLUSTERS' }, ...this.servicesByCluster.map(cluster => ({
-        label: cluster.name,
-        value: cluster.id,
-      }))];
+      this.clusterOptions = [
+        {
+          label: 'All Clusters',
+          value: 'ALL_CLUSTERS'
+        },
+        ...this.servicesByCluster.map(cluster => ({
+          label: cluster.name,
+          value: cluster.id,
+        }))
+      ];
     },
     toggleSortOrder() {
       this.tableHeaders[0].sortOrder = this.tableHeaders[0].sortOrder === 'asc' ? 'desc' : 'asc';
     },
     toggleFavorite(item) {
       const index = this.favoritedApps.findIndex(
-        (favoritedApp) =>
-          favoritedApp.id === item.id &&
+        (favoritedApp) => favoritedApp.id === item.id &&
           favoritedApp.kind === item.kind
       );
-      
+
       if (index !== -1) {
         this.favoritedApps.splice(index, 1);
       } else {
@@ -202,7 +215,12 @@ export default {
       }
 
       // Store updated favorites in localStorage
-      const favsToStore = JSON.stringify(this.favoritedApps.filter((item) => (item.metadata.annotations?.['extensions.applauncher/global-app'] !== 'true')));
+      const favsToStore = JSON.stringify(
+        this.favoritedApps.filter((item) => (
+          item.metadata.annotations?.['extensions.applauncher/global-app'] !== 'true'
+        ))
+      );
+
       localStorage.setItem('favoritedApps', favsToStore);
     },
     updateSearchQuery(value) {
@@ -217,19 +235,25 @@ export default {
       if (this.selectedCluster === 'ALL_CLUSTERS') {
         const allClustersData = this.servicesByCluster.map(cluster => ({
           ...cluster,
-          ingresses: this.ingressesByCluster.find(ingressCluster => ingressCluster.id === cluster.id)?.ingresses || [],
-          filteredApps: this.filteredApps(cluster.services, this.ingressesByCluster.find(ingressCluster => ingressCluster.id === cluster.id)?.ingresses || []),
+          ingresses: this.ingressesByCluster.find(
+            ingressCluster => ingressCluster.id === cluster.id
+          )?.ingresses || [],
+          filteredApps: this.filteredApps(cluster.services,
+          this.ingressesByCluster.find(
+            ingressCluster => ingressCluster.id === cluster.id
+          )?.ingresses || []),
         }));
+
         return allClustersData;
       } else {
         const cluster = this.getCluster(this.selectedCluster);
+
         if (cluster) {
           const ingresses = this.ingressesByCluster.find(
             (ingressCluster) => ingressCluster.id === cluster.id
           )?.ingresses || [];
 
           const services = cluster.services;
-          
           const filteredApps = this.filteredApps(services, ingresses);
 
           return [{
@@ -241,12 +265,17 @@ export default {
           console.error('Cluster not found:', this.selectedCluster);
         }
       }
+
       return [];
     },
     sortedFavoritedApps() {
-      return this.favoritedApps.sort((a, b) => {
+      // create const, dont edit computed values
+      const favoritedApps = this.favoritedApps;
+
+      return favoritedApps.sort((a, b) => {
         const nameA = a.metadata.name.toLowerCase();
         const nameB = b.metadata.name.toLowerCase();
+
         if (this.tableHeaders[0].sortOrder === 'asc') {
           return nameA.localeCompare(nameB);
         } else {
@@ -259,6 +288,7 @@ export default {
         const sortedApps = [...(services || []), ...(ingresses || [])].sort((a, b) => {
           const nameA = a.metadata.name.toLowerCase();
           const nameB = b.metadata.name.toLowerCase();
+
           if (this.tableHeaders[0].sortOrder === 'asc') {
             return nameA.localeCompare(nameB);
           } else {
@@ -270,6 +300,7 @@ export default {
           return sortedApps;
         } else {
           const searchTerm = this.searchQuery.trim().toLowerCase();
+
           return sortedApps.filter(app => {
             return (app.metadata.name.toLowerCase().includes(searchTerm) ||
               app.metadata.namespace.toLowerCase().includes(searchTerm) ||
@@ -308,7 +339,7 @@ export default {
           v-for="favoritedApp in sortedFavoritedApps"
           :key="`${favoritedApp.clusterId}-${favoritedApp.id}-${favoritedApp.kind}-fav`"
           :app="favoritedApp"
-          :isInGlobalView="true"
+          :is-in-global-view="true"
           :favorited-apps="favoritedApps"
           @toggle-favorite="toggleFavorite"
         />
diff --git a/pkg/app-launcher/product.ts b/pkg/app-launcher/product.ts
index ac671d5..6ac202f 100644
--- a/pkg/app-launcher/product.ts
+++ b/pkg/app-launcher/product.ts
@@ -12,8 +12,8 @@ export function init($plugin: IPlugin, store: any) {
     inStore: 'management',
     weight: 100,
     to: {
-      name: `${ PRODUCT_NAME }-c-cluster`,
-      path: `/${ PRODUCT_NAME }/c/:cluster/dashboard`,
+      name: `${PRODUCT_NAME}-c-cluster`,
+      path: `/${PRODUCT_NAME}/c/:cluster/dashboard`,
       params: {
         product: PRODUCT_NAME,
         cluster: BLANK_CLUSTER,
diff --git a/pkg/app-launcher/routing/extension-routing.ts b/pkg/app-launcher/routing/extension-routing.ts
index d6cfa42..114ebf6 100644
--- a/pkg/app-launcher/routing/extension-routing.ts
+++ b/pkg/app-launcher/routing/extension-routing.ts
@@ -3,8 +3,8 @@ import { PRODUCT_NAME, BLANK_CLUSTER } from '../config/app-launcher';
 
 const routes = [
   {
-    name:      `${ PRODUCT_NAME }-c-cluster`,
-    path:      `/${ PRODUCT_NAME }/c/:cluster`,
+    name:      `${PRODUCT_NAME}-c-cluster`,
+    path:      `/${PRODUCT_NAME}/c/:cluster`,
     component: Dashboard,
     meta:      {
       product: PRODUCT_NAME,
@@ -14,4 +14,4 @@ const routes = [
   }
 ];
 
-export default routes;
\ No newline at end of file
+export default routes;