diff --git a/app/composables/directus/useContactInfo.ts b/app/composables/directus/useContactInfo.ts
index 8f0e7a4..3bfbc81 100644
--- a/app/composables/directus/useContactInfo.ts
+++ b/app/composables/directus/useContactInfo.ts
@@ -1,4 +1,4 @@
-import { readSingleton } from '@directus/sdk';
+import GetContactInfo from '@/graphql/contactInfo.graphql?raw';
 
 export const useContactInfo = () => {
   const { $directus } = useNuxtApp();
@@ -6,24 +6,11 @@ export const useContactInfo = () => {
   const locale = getDirectusLocale();
 
   return useAsyncData(`contact-info-${locale}`, async () => {
-    return await $directus.request(
-      readSingleton('contact_info', {
-        fields: [
-          'id',
-          {
-            translations: ['id', 'content'],
-          },
-        ],
-        deep: {
-          translations: {
-            _filter: {
-              languages_code: {
-                _eq: locale,
-              },
-            },
-          },
-        },
-      })
+    return await $directus.query<{ contact_info: ContactInfo }>(
+      GetContactInfo,
+      {
+        locale: locale,
+      }
     );
   });
 };
diff --git a/app/graphql/contactInfo.graphql b/app/graphql/contactInfo.graphql
new file mode 100644
index 0000000..5dfe360
--- /dev/null
+++ b/app/graphql/contactInfo.graphql
@@ -0,0 +1,9 @@
+query GetContactInfo($locale: String!) {
+  contact_info {
+    id
+    translations(filter: { languages_code: { code: { _eq: $locale } } }) {
+      id
+      content
+    }
+  }
+}
diff --git a/app/pages/support/contact-us.vue b/app/pages/support/contact-us.vue
index d6d09e2..aef923e 100644
--- a/app/pages/support/contact-us.vue
+++ b/app/pages/support/contact-us.vue
@@ -24,7 +24,7 @@
   ];
   const { data, pending, error } = await useContactInfo();
 
-  const content = computed(() => toContactInfoView(data.value));
+  const content = computed(() => toContactInfoView(data.value.contact_info));
 
   watch(error, (value) => {
     if (value) {