diff --git a/resources/ts/Components/IntegrationTypes.tsx b/resources/ts/Components/IntegrationTypes.tsx
index 8b4570dfd..3eeb247f8 100644
--- a/resources/ts/Components/IntegrationTypes.tsx
+++ b/resources/ts/Components/IntegrationTypes.tsx
@@ -21,18 +21,6 @@ export const integrationTypesIcons = {
 };
 
 export const getIntegrationTypesInfo = (t: TFunction) => [
-  {
-    Icon: IconUiTPAS,
-    image: <IconUiTPAS className={classNames(integrationIconClasses)} />,
-    title: t("home.integration_types.uitpas_api.title"),
-    description: t("home.integration_types.uitpas_api.description"),
-    features: [
-      t("home.integration_types.uitpas_api.features.0"),
-      t("home.integration_types.uitpas_api.features.1"),
-      t("home.integration_types.uitpas_api.features.2"),
-    ],
-    type: IntegrationType.UiTPAS,
-  },
   {
     Icon: IconEntryApi,
     image: (
@@ -75,6 +63,18 @@ export const getIntegrationTypesInfo = (t: TFunction) => [
     ],
     type: IntegrationType.Widgets,
   },
+  {
+    Icon: IconUiTPAS,
+    image: <IconUiTPAS className={classNames(integrationIconClasses)} />,
+    title: t("home.integration_types.uitpas_api.title"),
+    description: t("home.integration_types.uitpas_api.description"),
+    features: [
+      t("home.integration_types.uitpas_api.features.0"),
+      t("home.integration_types.uitpas_api.features.1"),
+      t("home.integration_types.uitpas_api.features.2"),
+    ],
+    type: IntegrationType.UiTPAS,
+  },
 ];
 
 export const useIntegrationTypesInfo = () => {