diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 087cd10..e9e7ee3 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -27,7 +27,7 @@ jobs:
         id: release
         uses: mikepenz/release-changelog-builder-action@v5
         with:
-          configuration: ".github/changelog-configuration.json"
+          configuration: '.github/changelog-configuration.json'
           failOnError: true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/package-lock.json b/package-lock.json
index 67e08cc..f342a35 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "fancy-gatus",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "fancy-gatus",
-      "version": "2.0.0",
+      "version": "2.0.1",
       "dependencies": {
         "@tailwindcss/vite": "^4.1.8",
         "axios": "^1.9.0",
diff --git a/package.json b/package.json
index e9fb71a..701238e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "fancy-gatus",
   "private": true,
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite dev",
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f03e007..41587f9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,10 +5,10 @@
 </script>
 
 <div
-  class="w-screen h-fit min-h-screen flex flex-col items-center bg-base-200"
+  class="h-fit min-h-screen flex flex-col items-center bg-base-200"
   data-theme={$persistentSettings.darkmode ? 'darkgray' : 'emerald'}
 >
-  <div class="w-full md:w-5/6 xl:w-3/5 max-w-5xl h-full pl-4 md:pl-0 pr-4 md:pr-0 pt-5 pb-5">
+  <div class="md:w-5/6 xl:w-3/5 max-w-5xl h-full pl-4 md:pl-0 pr-4 md:pr-0 pt-5 pb-5">
     {@render children()}
   </div>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9ca2ec4..8323d4f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import axios from 'axios'
+  import type { AxiosError } from 'axios'
   import { onMount } from 'svelte'
   import type { Config } from '$lib/types/config'
   import type { Status } from '$lib/types/api'
@@ -15,41 +16,42 @@
   let config: Config = $state({})
   let apiData: Status[] = $state([])
 
-  function getConfig() {
-    axios
-      .get('config.json', { baseURL: '/' })
-      .then((response) => {
-        config = response.data
-        // Set title if defined in config
-        if (config.title) {
-          document.title = config.title
-        }
-        getApiData()
-      })
-      .catch((error) => {
-        if (error.response.status === 404) {
-          console.warn('No config.json file found. Using default values.')
-          getApiData()
-        } else {
-          console.log('Error getting config: ' + error)
-        }
-      })
+  async function getConfig() {
+    try {
+      const response = await axios.get('config.json', { baseURL: '/' })
+
+      config = response.data
+      // Set title if defined in config
+      if (config.title) {
+        document.title = config.title
+      }
+    } catch (err) {
+      const error = err as AxiosError
+      if (error.response && error.response.status === 404) {
+        console.warn('No config.json file found. Using default values.')
+      }
+      console.log('Error getting config: ' + error)
+    }
   }
 
-  function getApiData() {
+  async function getApiData() {
     // Set base URL for API calls if defined in config
     if (config.gatusBaseUrl && axios.defaults.baseURL !== config.gatusBaseUrl) {
       axios.defaults.baseURL = config.gatusBaseUrl
     }
-    axios
-      .get('/api/v1/endpoints/statuses')
-      .then((response) => {
-        apiData = response.data
-        loading = false
-      })
-      .catch((error) => {
-        console.log(error)
-      })
+
+    try {
+      const response = await axios.get('/api/v1/endpoints/statuses')
+      apiData = response.data
+      loading = false
+    } catch (error) {
+      console.log(error)
+    }
+  }
+
+  async function refresh() {
+    await getConfig()
+    await getApiData()
   }
 
   // Group statuses by their group name
@@ -93,13 +95,14 @@
 
   // Array of statuses where the last result has success = false
   let failedStatuses = $derived.by(() => {
-    return apiData.filter((status) => {
+    const filteredStatuses = groups.flatMap((item) => item.statuses)
+    return filteredStatuses.filter((status) => {
       return !status.results[status.results.length - 1].success
     })
   })
 
   onMount(() => {
-    getConfig()
+    refresh()
   })
 </script>
 
@@ -118,6 +121,6 @@
       expandByDefault={config.defaultExpandGroups}
     />
   {/each}
-  <RefreshSettings defaultRefreshInterval={config.defaultRefreshInterval} onRefresh={getConfig} />
+  <RefreshSettings defaultRefreshInterval={config.defaultRefreshInterval} onRefresh={refresh} />
   <Footer />
 {/if}