diff --git a/packages/webkit/src/components/azion-system-status/azion-system-status.vue b/packages/webkit/src/components/azion-system-status/azion-system-status.vue
index b2df7a21..00d44505 100644
--- a/packages/webkit/src/components/azion-system-status/azion-system-status.vue
+++ b/packages/webkit/src/components/azion-system-status/azion-system-status.vue
@@ -79,7 +79,6 @@ async function checkComponentStatus() {
     updateSystemStatus(statusResult)
   } catch (err) {
     error.value = true
-    // eslint-disable-next-line no-console
     console.error(err)
   }
 }
@@ -105,16 +104,16 @@ onMounted(() => {
 
 <template>
   <PrimeButton
-    outlined
-    class="surface-section min-w-fit hover:surface-hover whitespace-nowrap"
+    link
+    class="surface-section min-w-fit whitespace-nowrap"
     icon="pi pi-circle-fill"
     size="small"
     v-show="!error"
     :label="label"
     :loading="!label"
     :pt="{
-      root: { class: 'h-8 flex-row items-center' },
-      label: { class: 'font-normal text-sm min-w-[9rem]' },
+      root: { class: 'flex items-center gap-3 bg-transparent' },
+      label: { class: 'font-proto-mono text-white leading-relaxed text-xs' },
       icon: { style: colorStatus, class: 'text-xs' }
     }"
     @click="redirectToLink"
diff --git a/packages/webkit/src/components/site/system-status/package.json b/packages/webkit/src/components/site/system-status/package.json
deleted file mode 100644
index 53a03566..00000000
--- a/packages/webkit/src/components/site/system-status/package.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "main": "./system-status.vue",
-  "module": "./system-status.vue",
-  "types": "./system-status.vue.d.ts",
-  "browser": {
-    "./sfc": "./system-status.vue"
-  },
-  "sideEffects": [
-    "*.vue"
-  ]
-}
diff --git a/packages/webkit/src/components/site/system-status/system-status.vue b/packages/webkit/src/components/site/system-status/system-status.vue
deleted file mode 100644
index 4e16d8d8..00000000
--- a/packages/webkit/src/components/site/system-status/system-status.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-  <a
-    href="https://status.azion.com/"
-    target="_blank"
-  >
-    <div class="flex items-center gap-3">
-      <span
-        class="h-2 w-2 flex items-center justify-center rounded-full"
-        :style="{ backgroundColor: color }"
-      ></span>
-      <span class="font-proto-mono text-white leading-relaxed text-xs">{{ label }}</span>
-    </div>
-  </a>
-</template>
-
-<script setup>
-  import { onBeforeMount, ref } from 'vue'
-
-  const props = defineProps({
-    lang: {
-      type: String,
-      required: true
-    }
-  })
-
-  const { lang } = props
-
-  const TRANSLATIONS = {
-    'All Systems Operational': {
-      es: 'Todos los sistemas operativos',
-      'pt-br': 'Todos os sistemas operacionais'
-    },
-    'Service under Maintenance': {
-      es: 'Servicio en mantenimiento',
-      'pt-br': 'Serviço em Manutenção'
-    },
-    'Partially Degraded Service': {
-      es: 'Servicio parcialmente degradado',
-      'pt-br': 'Serviço Parcialmente Degradado'
-    },
-    'Minor Service Outage': {
-      es: 'Interrupción Menor del Servicio',
-      'pt-br': 'Pequena interrupção do Serviço'
-    },
-    'Partial System Outage': {
-      es: 'Interrupción Parcial del Sistema',
-      'pt-br': 'Interrupção Parcial do Sistema'
-    },
-    'Major System Outage': {
-      es: 'Interrupción Grave del Sistema',
-      'pt-br': 'Interrupção Grave do Sistema'
-    }
-  }
-
-  const STATUS_PAGE = {
-    none: 'operational',
-    minor: 'minor-outage',
-    major: 'partial-outage',
-    critical: 'major-outage',
-    maintenance: 'maintenance'
-  }
-
-  const STATUS_PAGE_COLORS = {
-    none: '#8bc249',
-    minor: '#fec111',
-    major: '#f3652b',
-    critical: '#ff4141',
-    maintenance: '#6e7cf7'
-  }
-
-  const OPERATIONAL_STATUS = {
-    indicator: 'none',
-    description: 'All Systems Operational'
-  }
-
-  const LABEL_INITIAL_VALUE =
-    lang !== 'en'
-      ? TRANSLATIONS[OPERATIONAL_STATUS.description][lang]
-      : OPERATIONAL_STATUS.description
-
-  const status = ref(OPERATIONAL_STATUS.indicator)
-  const label = ref(LABEL_INITIAL_VALUE)
-  const color = ref(STATUS_PAGE_COLORS['none'])
-
-  onBeforeMount(() => {
-    checkComponentStatus()
-  })
-
-  async function checkComponentStatus() {
-    try {
-      const response = await fetch('https://status.azion.com/api/v2/components.json', {
-        method: 'GET'
-      })
-      const { components } = await response.json()
-      const checkComponents = (component) =>
-        component.status !== 'operational' && component.status !== 'partial_outage'
-      const hasImpactedComponent = components?.some(checkComponents)
-      const status = await getStatus(hasImpactedComponent)
-      const translatedStatus =
-        lang == 'pt-br' || lang == 'es'
-          ? { ...status, description: TRANSLATIONS[status.description][lang] }
-          : status
-
-      updateSystemStatus(translatedStatus)
-    } catch (error) {
-      console.error(error)
-    }
-  }
-
-  async function getStatus(checkStatusPage) {
-    const response = await fetch('https://status.azion.com/api/v2/status.json', {
-      method: 'GET'
-    })
-
-    const normalizedResponse = await response.json()
-    let status
-
-    console.log(normalizedResponse)
-
-    if (checkStatusPage || normalizedResponse.status.indicator === 'minor') {
-      status = normalizedResponse.status
-    } else {
-      status = OPERATIONAL_STATUS
-    }
-
-    return status
-  }
-
-  function updateSystemStatus({ indicator, description }) {
-    status.value = STATUS_PAGE[indicator]
-    color.value = STATUS_PAGE_COLORS[indicator]
-    label.value = description
-  }
-</script>