diff --git a/.changeset/blue-moons-occur.md b/.changeset/blue-moons-occur.md
new file mode 100644
index 00000000..8a1edc63
--- /dev/null
+++ b/.changeset/blue-moons-occur.md
@@ -0,0 +1,7 @@
+---
+'@humanitec/backstage-plugin-backend': minor
+'@humanitec/backstage-plugin-common': minor
+'@humanitec/backstage-plugin': minor
+---
+
+moved plugin into humanitec organization
diff --git a/.changeset/config.json b/.changeset/config.json
index 634bfce5..9a1f1c30 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -7,5 +7,8 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": []
+  "ignore": [
+    "app",
+    "backend"
+  ]
 }
diff --git a/packages/app/package.json b/packages/app/package.json
index f5015a9f..e5f09fd5 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -39,7 +39,7 @@
     "@backstage/plugin-techdocs-react": "^1.2.3",
     "@backstage/plugin-user-settings": "^0.8.5",
     "@backstage/theme": "^0.5.3",
-    "@frontside/backstage-plugin-humanitec": "^0.3.15",
+    "@humanitec/backstage-plugin": "^0.3.15",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "history": "^5.0.0",
diff --git a/packages/app/src/components/catalog/EntityPage.tsx b/packages/app/src/components/catalog/EntityPage.tsx
index 1c3e3f5e..38ab8a34 100644
--- a/packages/app/src/components/catalog/EntityPage.tsx
+++ b/packages/app/src/components/catalog/EntityPage.tsx
@@ -57,7 +57,7 @@ import {
 
 import { TechDocsAddons } from '@backstage/plugin-techdocs-react';
 import { ReportIssue } from '@backstage/plugin-techdocs-module-addons-contrib';
-import { HumanitecCardComponent } from '@frontside/backstage-plugin-humanitec';
+import { HumanitecCardComponent } from '@humanitec/backstage-plugin';
 
 const techdocsContent = (
   <EntityTechdocsContent>
@@ -139,8 +139,8 @@ const overviewContent = (
       <EntityHasSubcomponentsCard variant="gridItem" />
     </Grid>
     <Grid item md={6}>
-     <HumanitecCardComponent />
-   </Grid>
+      <HumanitecCardComponent />
+    </Grid>
   </Grid>
 );
 
diff --git a/packages/backend/package.json b/packages/backend/package.json
index da795147..c65d0277 100644
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@@ -38,7 +38,7 @@
     "@backstage/plugin-search-backend-module-techdocs": "^0.1.22",
     "@backstage/plugin-search-backend-node": "^1.2.21",
     "@backstage/plugin-techdocs-backend": "^1.10.4",
-    "@frontside/backstage-plugin-humanitec-backend": "^0.3.17",
+    "@humanitec/backstage-plugin-backend": "^0.3.17",
     "app": "link:../app",
     "better-sqlite3": "^9.0.0",
     "dockerode": "^3.3.1",
diff --git a/packages/backend/src/plugins/humanitec.ts b/packages/backend/src/plugins/humanitec.ts
index 6e4fab3f..85edc3ac 100644
--- a/packages/backend/src/plugins/humanitec.ts
+++ b/packages/backend/src/plugins/humanitec.ts
@@ -1,4 +1,4 @@
-import { createRouter } from '@frontside/backstage-plugin-humanitec-backend';
+import { createRouter } from '@humanitec/backstage-plugin-backend';
 import { Router } from 'express';
 import { PluginEnvironment } from '../types';
 
diff --git a/plugins/humanitec-backend/README.md b/plugins/humanitec-backend/README.md
index 34f0f804..d90f43e1 100644
--- a/plugins/humanitec-backend/README.md
+++ b/plugins/humanitec-backend/README.md
@@ -1,19 +1,19 @@
-# @frontside/backstage-plugin-humanitec-backend
+# @humanitec/backstage-plugin-backend
 
-`@frontside/backstage-plugin-humanitec-backend` is a plugin for the Backstage backend app. It provides a route that `@frontside/backstage-plugin-humanitec` will use to connect to Humanitec API and scaffolder actions.
+`@humanitec/backstage-plugin-backend` is a plugin for the Backstage backend app. It provides a route that `@humanitec/backstage-plugin` will use to connect to Humanitec API and scaffolder actions.
 
 ## Installation
 
-1. Install `@frontside/backstage-plugin-humanitec-backend` plugin with,
+1. Install `@humanitec/backstage-plugin-backend` plugin with,
 
 ```bash
-yarn workspace backend add @frontside/backstage-plugin-humanitec-backend
+yarn workspace backend add @humanitec/backstage-plugin-backend
 ```
 
 2. Create `./packages/backend/src/plugins/humanitec.ts` with the following content,
 
 ```ts
-import { createRouter } from '@frontside/backstage-plugin-humanitec-backend';
+import { createRouter } from '@humanitec/backstage-plugin-backend';
 import { Router } from 'express';
 import { PluginEnvironment } from '../types';
 
@@ -57,7 +57,7 @@ This plugin provides the following scaffolder actions,
 
 ### create-app
 
-`create-app` will create an app in Humanitec with specific workloads and automation. 
+`create-app` will create an app in Humanitec with specific workloads and automation.
 
 #### Installation
 
@@ -65,7 +65,7 @@ To make this action available, you can add it to your scaffolder plugin configur
 
 ```diff
 # import createHumanitecApp action
-+ import { createHumanitecApp } from "@frontside/backstage-plugin-humanitec-backend";
++ import { createHumanitecApp } from "@humanitec/backstage-plugin-backend";
 
 # register the action
   const actions = [
diff --git a/plugins/humanitec-backend/package.json b/plugins/humanitec-backend/package.json
index d9cfc939..d5f8986f 100644
--- a/plugins/humanitec-backend/package.json
+++ b/plugins/humanitec-backend/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@frontside/backstage-plugin-humanitec-backend",
+  "name": "@humanitec/backstage-plugin-backend",
   "version": "0.3.17",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -25,7 +25,7 @@
     "@backstage/backend-common": "^0.21.3",
     "@backstage/config": "^1.1.1",
     "@backstage/plugin-scaffolder-backend": "^1.19.1",
-    "@frontside/backstage-plugin-humanitec-common": "^0.3.13",
+    "@humanitec/backstage-plugin-common": "^0.3.13",
     "@types/express": "*",
     "cross-fetch": "3.1.5",
     "express": "^4.17.1",
diff --git a/plugins/humanitec-backend/src/actions/create-app.ts b/plugins/humanitec-backend/src/actions/create-app.ts
index 5166b811..1d468380 100644
--- a/plugins/humanitec-backend/src/actions/create-app.ts
+++ b/plugins/humanitec-backend/src/actions/create-app.ts
@@ -2,7 +2,7 @@ import { createTemplateAction } from '@backstage/plugin-scaffolder-backend';
 import { stat, readFile } from 'fs/promises';
 import { join, resolve } from 'path';
 import { loadAll } from 'js-yaml';
-import { SetupFileSchema, createHumanitecClient } from '@frontside/backstage-plugin-humanitec-common';
+import { SetupFileSchema, createHumanitecClient } from '@humanitec/backstage-plugin-common';
 
 interface HumanitecCreateApp {
   orgId: string;
@@ -130,4 +130,4 @@ async function loadSetupFile(filePath: string) {
     }
   }
   return null;
-}
\ No newline at end of file
+}
diff --git a/plugins/humanitec-backend/src/service/app-info-service.test.ts b/plugins/humanitec-backend/src/service/app-info-service.test.ts
index 37263e95..35e36549 100644
--- a/plugins/humanitec-backend/src/service/app-info-service.test.ts
+++ b/plugins/humanitec-backend/src/service/app-info-service.test.ts
@@ -1,5 +1,5 @@
 import { setTimeout } from 'node:timers/promises';
-import * as common from '@frontside/backstage-plugin-humanitec-common';
+import * as common from '@humanitec/backstage-plugin-common';
 
 import { AppInfoService } from './app-info-service';
 
@@ -11,7 +11,7 @@ let slowFetch = false
 const fakeAppInfo = { fake: 'res' }
 const fakeError = new Error('fake error');
 
-jest.mock('@frontside/backstage-plugin-humanitec-common', () => ({
+jest.mock('@humanitec/backstage-plugin-common', () => ({
   createHumanitecClient: jest.fn(),
   fetchAppInfo: jest.fn(async () => {
     if (returnError) {
diff --git a/plugins/humanitec-backend/src/service/app-info-service.ts b/plugins/humanitec-backend/src/service/app-info-service.ts
index 8882a241..3cf88cbb 100644
--- a/plugins/humanitec-backend/src/service/app-info-service.ts
+++ b/plugins/humanitec-backend/src/service/app-info-service.ts
@@ -1,6 +1,6 @@
 import { EventEmitter } from 'events';
 
-import { createHumanitecClient, fetchAppInfo } from '@frontside/backstage-plugin-humanitec-common';
+import { createHumanitecClient, fetchAppInfo } from '@humanitec/backstage-plugin-common';
 
 const defaultFetchInterval = 10000;
 
diff --git a/plugins/humanitec-common/README.md b/plugins/humanitec-common/README.md
index 28c5985e..38cd2cc7 100644
--- a/plugins/humanitec-common/README.md
+++ b/plugins/humanitec-common/README.md
@@ -1,4 +1,4 @@
-# @frontside/plugin-humanitec-api-client-common
+# @humanitec/backstage-plugin-common
 
 Welcome to the common package for the humanitec-api-client plugin!
 
diff --git a/plugins/humanitec-common/package.json b/plugins/humanitec-common/package.json
index 6a8c26e5..9747de64 100644
--- a/plugins/humanitec-common/package.json
+++ b/plugins/humanitec-common/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@frontside/backstage-plugin-humanitec-common",
+  "name": "@humanitec/backstage-plugin-common",
   "description": "Humanitec API Client",
   "version": "0.3.13",
   "main": "src/index.ts",
diff --git a/plugins/humanitec/README.md b/plugins/humanitec/README.md
index 741187d5..088aff93 100644
--- a/plugins/humanitec/README.md
+++ b/plugins/humanitec/README.md
@@ -1,25 +1,25 @@
-# @frontside/backstage-plugin-humanitec
+# @humanitec/backstage-plugin
 
-`@frontside/backstage-plugin-humanitec` is a plugin for the Backstage frontend app. It shows information about environments, workloads and resources on an entity page.
+`@humanitec/backstage-plugin` is a plugin for the Backstage frontend app. It shows information about environments, workloads and resources on an entity page.
 
 ![screenshot](./screenshot.png)
 
 ## Requirements
 
-This plugin requires `@frontside/backstage-plugin-humanitec-backend` because it connects to the backend to make requests to the Humanitec API.
+This plugin requires `@humanitec/backstage-plugin-backend` because it connects to the backend to make requests to the Humanitec API.
 
 ## Installation
 
 First, install the plugin to your backstage app:
 
 ```bash
-yarn workspace app add @frontside/backstage-plugin-humanitec
+yarn workspace app add @humanitec/backstage-plugin
 ```
 
 Then in your Entity Page (`./packages/app/src/components/catalog/EntityPage.tsx`) add the `HumanitecCardComponent`:
 
 ```diff
-+ import { HumanitecCardComponent } from '@frontside/backstage-plugin-humanitec';
++ import { HumanitecCardComponent } from '@humanitec/backstage-plugin';
 ...
 const overviewContent = (
   <Grid container>
diff --git a/plugins/humanitec/package.json b/plugins/humanitec/package.json
index a3b212e0..c291f563 100644
--- a/plugins/humanitec/package.json
+++ b/plugins/humanitec/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@frontside/backstage-plugin-humanitec",
+  "name": "@humanitec/backstage-plugin",
   "version": "0.3.15",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -43,7 +43,7 @@
     "@backstage/core-app-api": "^1.11.1",
     "@backstage/dev-utils": "^1.0.27",
     "@backstage/test-utils": "^1.5.0",
-    "@frontside/backstage-plugin-humanitec-common": "^0.3.13",
+    "@humanitec/backstage-plugin-common": "^0.3.13",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^14.5.1",
diff --git a/plugins/humanitec/src/components/DeploymentStatus.tsx b/plugins/humanitec/src/components/DeploymentStatus.tsx
index e1d708ac..d30dd4e5 100644
--- a/plugins/humanitec/src/components/DeploymentStatus.tsx
+++ b/plugins/humanitec/src/components/DeploymentStatus.tsx
@@ -1,21 +1,50 @@
-import type { FetchAppInfoEnvironment } from '@frontside/backstage-plugin-humanitec-common';
+import type { FetchAppInfoEnvironment } from '@humanitec/backstage-plugin-common';
 import { Typography } from '@material-ui/core';
 import React from 'react';
 import { useStyles } from '../hooks/useStyles';
 
-export function DeploymentStatus({ env }: { env: FetchAppInfoEnvironment; }) {
+export function DeploymentStatus({ env }: { env: FetchAppInfoEnvironment }) {
   const classes = useStyles();
 
   switch (env.last_deploy?.status) {
     case 'succeeded':
-      return (<Typography className={`${classes.deploymentStatus} ${classes.successColor}`}>Succeeded</Typography>);
+      return (
+        <Typography
+          className={`${classes.deploymentStatus} ${classes.successColor}`}
+        >
+          Succeeded
+        </Typography>
+      );
     case 'pending':
-      return (<Typography className={`${classes.deploymentStatus}`} color="primary">Pending</Typography>);
+      return (
+        <Typography className={`${classes.deploymentStatus}`} color="primary">
+          Pending
+        </Typography>
+      );
     case 'in progress':
-      return (<Typography className={`${classes.deploymentStatus} ${classes.inProgressColor}`} color="secondary">In Progress</Typography>);
+      return (
+        <Typography
+          className={`${classes.deploymentStatus} ${classes.inProgressColor}`}
+          color="secondary"
+        >
+          In Progress
+        </Typography>
+      );
     case 'failed':
-      return (<Typography className={`${classes.deploymentStatus} ${classes.failColor}`}>Failed</Typography>);
+      return (
+        <Typography
+          className={`${classes.deploymentStatus} ${classes.failColor}`}
+        >
+          Failed
+        </Typography>
+      );
     default:
-      return (<Typography className={`${classes.deploymentStatus} ${classes.unknownColor}`}>Never deployed</Typography>);
+      return (
+        <Typography
+          className={`${classes.deploymentStatus} ${classes.unknownColor}`}
+        >
+          Never deployed
+        </Typography>
+      );
   }
 }
diff --git a/plugins/humanitec/src/components/EnvironmentCard.tsx b/plugins/humanitec/src/components/EnvironmentCard.tsx
index 13d7d469..7205faa5 100644
--- a/plugins/humanitec/src/components/EnvironmentCard.tsx
+++ b/plugins/humanitec/src/components/EnvironmentCard.tsx
@@ -1,8 +1,5 @@
-import type { FetchAppInfoEnvironment } from '@frontside/backstage-plugin-humanitec-common';
-import {
-  Box,
-  Typography
-} from '@material-ui/core';
+import type { FetchAppInfoEnvironment } from '@humanitec/backstage-plugin-common';
+import { Box, Typography } from '@material-ui/core';
 import React, { useCallback } from 'react';
 import { useStyles } from '../hooks/useStyles';
 import { DeploymentStatus } from './DeploymentStatus';
@@ -10,23 +7,37 @@ import { DeploymentStatus } from './DeploymentStatus';
 interface EnvironmentCardProps {
   env: FetchAppInfoEnvironment;
   active: boolean;
-  onClick: (envId: string) => void
+  onClick: (envId: string) => void;
 }
 
-export function EnvironmentCard({ env, onClick, active }: EnvironmentCardProps) {
+export function EnvironmentCard({
+  env,
+  onClick,
+  active,
+}: EnvironmentCardProps) {
   const classes = useStyles();
 
   const _onClick = useCallback(() => {
     onClick(env.id);
-  }, [env, onClick])
+  }, [env, onClick]);
 
   return (
-    <Box role="button" className={`${classes.miniCard} ${active && classes.environmentCardActive}`} onClick={_onClick}>
+    <Box
+      role="button"
+      className={`${classes.miniCard} ${
+        active && classes.environmentCardActive
+      }`}
+      onClick={_onClick}
+    >
       <Box className={classes.miniCardTitleContainer}>
-        <Typography className={classes.miniCardTitle} variant="h6">{env.name}</Typography>
+        <Typography className={classes.miniCardTitle} variant="h6">
+          {env.name}
+        </Typography>
       </Box>
-      <Typography className={classes.miniCardSubTitle} variant="subtitle1">{env.id}</Typography>
+      <Typography className={classes.miniCardSubTitle} variant="subtitle1">
+        {env.id}
+      </Typography>
       <DeploymentStatus env={env} />
     </Box>
-  )
-}
\ No newline at end of file
+  );
+}
diff --git a/plugins/humanitec/src/components/HumanitecCardContent.tsx b/plugins/humanitec/src/components/HumanitecCardContent.tsx
index 64885b20..71467d6d 100644
--- a/plugins/humanitec/src/components/HumanitecCardContent.tsx
+++ b/plugins/humanitec/src/components/HumanitecCardContent.tsx
@@ -1,7 +1,5 @@
-import type { FetchAppInfoResponse } from '@frontside/backstage-plugin-humanitec-common';
-import {
-  LinearProgress, Typography
-} from '@material-ui/core';
+import type { FetchAppInfoResponse } from '@humanitec/backstage-plugin-common';
+import { LinearProgress, Typography } from '@material-ui/core';
 import get from 'lodash.get';
 import React from 'react';
 import { HumanitecParamsActions } from '../hooks/useHumanitecParams';
@@ -28,69 +26,95 @@ export function HumanitecCardContent({
   const classes = useStyles();
 
   const env = environments.find(e => e.id === selectedEnv);
-  const resources = selectedWorkload && env?.resources.filter(resource => resource.res_id.startsWith(`modules.${selectedWorkload}`)) || [];
-  const workloads = env?.resources.filter(resource => resource.type === "workload") || []
+  const resources =
+    (selectedWorkload &&
+      env?.resources.filter(resource =>
+        resource.res_id.startsWith(`modules.${selectedWorkload}`),
+      )) ||
+    [];
+  const workloads =
+    env?.resources.filter(resource => resource.type === 'workload') || [];
 
-  return (<>
-    <Typography className={classes.label} variant="h4">Environments</Typography>
-    <CardContainer>
-      {environments.length ? environments.map(e => (<EnvironmentCard
-        key={e.id}
-        env={e}
-        onClick={actions.showEnvironment}
-        active={e.id === selectedEnv}
-      />)) : <LinearProgress className={classes.progress} />}
-    </CardContainer>
-    {
-      environments.length > 0 ? selectedEnv && (
+  return (
+    <>
+      <Typography className={classes.label} variant="h4">
+        Environments
+      </Typography>
+      <CardContainer>
+        {environments.length ? (
+          environments.map(e => (
+            <EnvironmentCard
+              key={e.id}
+              env={e}
+              onClick={actions.showEnvironment}
+              active={e.id === selectedEnv}
+            />
+          ))
+        ) : (
+          <LinearProgress className={classes.progress} />
+        )}
+      </CardContainer>
+      {environments.length > 0
+        ? selectedEnv && (
+            <>
+              <Typography className={classes.label} variant="h4">
+                Workloads
+              </Typography>
+              <CardContainer>
+                {env &&
+                  workloads
+                    .map(resource => ({
+                      resource,
+                      workloads: get(env.runtime, resource.res_id) ?? {},
+                    }))
+                    .map(item => ({
+                      ...item,
+                      workloads: item.workloads
+                        ? Object.keys(item.workloads).map(id => ({
+                            id,
+                            ...item.workloads[id],
+                          }))
+                        : [],
+                    }))
+                    .flatMap(item =>
+                      item.workloads.map(workload => (
+                        <WorkloadCard
+                          active={workload.id === selectedWorkload}
+                          key={workload.id}
+                          workload={workload}
+                          onClick={actions.showWorkload}
+                        />
+                      )),
+                    )}
+                {env && workloads.length === 0 && (
+                  <Typography className={classes.unknownColor}>
+                    No workloads reported.
+                  </Typography>
+                )}
+              </CardContainer>
+            </>
+          )
+        : null}
+      {selectedWorkload && workloads.length > 0 ? (
         <>
-          <Typography className={classes.label} variant="h4">Workloads</Typography>
-          <CardContainer>
-            {env && workloads
-              .map(resource => ({
-                resource,
-                workloads: get(env.runtime, resource.res_id) ?? {}
-              }))
-              .map(item => ({
-                ...item,
-                workloads: item.workloads ? Object.keys(item.workloads)
-                  .map(id => ({
-                    id,
-                    ...item.workloads[id]
-                  })) : []
-              }))
-              .flatMap(
-                item => item.workloads
-                  .map(workload => (<WorkloadCard
-                    active={workload.id === selectedWorkload}
-                    key={workload.id}
-                    workload={workload}
-                    onClick={actions.showWorkload}
-                  />))
-              )
-            }
-            {env && workloads.length === 0 && <Typography className={classes.unknownColor}>No workloads reported.</Typography>}
-          </CardContainer>
-        </>
-      ) : null
-    }
-    {
-      selectedWorkload && workloads.length > 0 ? (
-        <>
-          <Typography className={classes.label} variant="h4">Resources</Typography>
+          <Typography className={classes.label} variant="h4">
+            Resources
+          </Typography>
           <CardContainer>
             {resources
               .filter(resource => resource.type !== 'workload')
               .map(resource => (
                 <ResourceCard
-                  id={resource.res_id.substring(`modules.${selectedWorkload}.`.length)}
+                  id={resource.res_id.substring(
+                    `modules.${selectedWorkload}.`.length,
+                  )}
                   key={`${resource.res_id}:${resource.type}`}
                   resource={resource}
                 />
               ))}
           </CardContainer>
         </>
-      ) : null
-    }
-  </>)
-}
\ No newline at end of file
+      ) : null}
+    </>
+  );
+}
diff --git a/plugins/humanitec/src/components/ResourceCard.tsx b/plugins/humanitec/src/components/ResourceCard.tsx
index aeb988f6..23abbfd1 100644
--- a/plugins/humanitec/src/components/ResourceCard.tsx
+++ b/plugins/humanitec/src/components/ResourceCard.tsx
@@ -1,4 +1,4 @@
-import type { FetchAppInfoEnvironment } from '@frontside/backstage-plugin-humanitec-common';
+import type { FetchAppInfoEnvironment } from '@humanitec/backstage-plugin-common';
 import { Box, Typography } from '@material-ui/core';
 import React from 'react';
 import { useStyles } from '../hooks/useStyles';
@@ -19,12 +19,37 @@ export function ResourceCard({ id, resource }: ResourceCardProps) {
         resourceValues = (
           <>
             <Box>
-              <Typography component="span" color="textSecondary" className={classes.miniCardSubTitle}>host: </Typography>
-              <Typography component="a" color="textPrimary" className={classes.miniCardSubTitle} href={`https://${resource.resource.host}`}>{resource.resource.host}</Typography>
+              <Typography
+                component="span"
+                color="textSecondary"
+                className={classes.miniCardSubTitle}
+              >
+                host:{' '}
+              </Typography>
+              <Typography
+                component="a"
+                color="textPrimary"
+                className={classes.miniCardSubTitle}
+                href={`https://${resource.resource.host}`}
+              >
+                {resource.resource.host}
+              </Typography>
             </Box>
             <Box>
-              <Typography component="span" color="textSecondary" className={classes.miniCardSubTitle}>IP: </Typography>
-              <Typography component="span" color="textPrimary" className={classes.miniCardSubTitle}>{resource.resource.ip_address}</Typography>
+              <Typography
+                component="span"
+                color="textSecondary"
+                className={classes.miniCardSubTitle}
+              >
+                IP:{' '}
+              </Typography>
+              <Typography
+                component="span"
+                color="textPrimary"
+                className={classes.miniCardSubTitle}
+              >
+                {resource.resource.ip_address}
+              </Typography>
             </Box>
           </>
         );
@@ -37,36 +62,95 @@ export function ResourceCard({ id, resource }: ResourceCardProps) {
   return (
     <Box className={`${classes.miniCard}`}>
       <Box className={classes.miniCardTitleContainer}>
-        <Typography className={classes.miniCardTitle} variant="h6">{id}</Typography>
+        <Typography className={classes.miniCardTitle} variant="h6">
+          {id}
+        </Typography>
       </Box>
       <Box>
-        <Typography component="span" color="textSecondary" className={classes.miniCardSubTitle}>type: </Typography>
-        <Typography component="span" color="textPrimary" className={classes.miniCardSubTitle}>{resource.type}</Typography>
+        <Typography
+          component="span"
+          color="textSecondary"
+          className={classes.miniCardSubTitle}
+        >
+          type:{' '}
+        </Typography>
+        <Typography
+          component="span"
+          color="textPrimary"
+          className={classes.miniCardSubTitle}
+        >
+          {resource.type}
+        </Typography>
       </Box>
       <Box>
-        <Typography component="span" color="textSecondary" className={classes.miniCardSubTitle}>status: </Typography>
+        <Typography
+          component="span"
+          color="textSecondary"
+          className={classes.miniCardSubTitle}
+        >
+          status:{' '}
+        </Typography>
         <ResourceStatus status={resource.status} />
       </Box>
       {resourceValues}
     </Box>
-  )
+  );
 }
 
-function ResourceStatus({ status }: { status: 'pending' | 'active' | 'deleting' }) {
+function ResourceStatus({
+  status,
+}: {
+  status: 'pending' | 'active' | 'deleting';
+}) {
   const classes = useStyles();
 
   switch (status) {
     case 'active':
-      return <Typography component="span" className={`${classes.miniCardSubTitle} ${classes.successColor}`}>Active</Typography>
+      return (
+        <Typography
+          component="span"
+          className={`${classes.miniCardSubTitle} ${classes.successColor}`}
+        >
+          Active
+        </Typography>
+      );
     case 'pending':
-      return <Typography component="span" className={`${classes.miniCardSubTitle} ${classes.pendingColor}`}>Pending</Typography>
+      return (
+        <Typography
+          component="span"
+          className={`${classes.miniCardSubTitle} ${classes.pendingColor}`}
+        >
+          Pending
+        </Typography>
+      );
     case 'deleting':
-      return <Typography component="span" color="secondary" className={`${classes.miniCardSubTitle} ${classes.pendingColor}`}>Deleting</Typography>
+      return (
+        <Typography
+          component="span"
+          color="secondary"
+          className={`${classes.miniCardSubTitle} ${classes.pendingColor}`}
+        >
+          Deleting
+        </Typography>
+      );
     default:
-      return <Typography component="span" className={`${classes.miniCardSubTitle} ${classes.unknownColor}`}>Unknown</Typography>
+      return (
+        <Typography
+          component="span"
+          className={`${classes.miniCardSubTitle} ${classes.unknownColor}`}
+        >
+          Unknown
+        </Typography>
+      );
   }
 }
 
-function isActiveDnsResource(resource: Resource): resource is Resource & { resource: { host: string; ip_address: string } } {
-  return !!resource.resource && resource.type === 'dns' && resource.status === 'active';
-}
\ No newline at end of file
+function isActiveDnsResource(
+  resource: Resource,
+): resource is Resource & { resource: { host: string; ip_address: string } } {
+  return (
+    !!resource.resource &&
+    resource.type === 'dns' &&
+    resource.status === 'active'
+  );
+}
diff --git a/plugins/humanitec/src/hooks/useAppInfo.ts b/plugins/humanitec/src/hooks/useAppInfo.ts
index 65422bd5..9acaf100 100644
--- a/plugins/humanitec/src/hooks/useAppInfo.ts
+++ b/plugins/humanitec/src/hooks/useAppInfo.ts
@@ -1,6 +1,6 @@
 import { EventSourcePolyfill } from "event-source-polyfill";
 import { configApiRef, discoveryApiRef, useApi, identityApiRef } from '@backstage/core-plugin-api';
-import type { FetchAppInfoResponse } from '@frontside/backstage-plugin-humanitec-common';
+import type { FetchAppInfoResponse } from '@humanitec/backstage-plugin-common';
 import { useEffect, useState } from 'react';
 import { HUMANITEC_MISSING_ANNOTATION_ERROR } from '../annotations';
 
diff --git a/yarn.lock b/yarn.lock
index 5bf1a805..5c3b1ee2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9502,20 +9502,13 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
   integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
 
-"@types/react-dom@*", "@types/react-dom@^18.0.0":
+"@types/react-dom@*", "@types/react-dom@<18.0.0", "@types/react-dom@^18", "@types/react-dom@^18.0.0":
   version "18.3.0"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.0.tgz#0cbc818755d87066ab6ca74fbedb2547d74a82b0"
   integrity sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==
   dependencies:
     "@types/react" "*"
 
-"@types/react-dom@<18.0.0":
-  version "17.0.25"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.25.tgz#e0e5b3571e1069625b3a3da2b279379aa33a0cb5"
-  integrity sha512-urx7A7UxkZQmThYA4So0NelOVjx3V4rNFVJwp0WZlbIK5eM4rNJDiN3R/E9ix0MBh6kAEojk/9YL+Te6D9zHNA==
-  dependencies:
-    "@types/react" "^17"
-
 "@types/react-redux@^7.1.20":
   version "7.1.33"
   resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.33.tgz#53c5564f03f1ded90904e3c90f77e4bd4dc20b15"
@@ -9547,7 +9540,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^16.13.1 || ^17.0.0 || ^18.0.0":
+"@types/react@*", "@types/react@^16.13.1 || ^17.0.0", "@types/react@^16.13.1 || ^17.0.0 || ^18.0.0", "@types/react@^18":
   version "18.3.1"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.1.tgz#fed43985caa834a2084d002e4771e15dfcbdbe8e"
   integrity sha512-V0kuGBX3+prX+DQ/7r2qsv1NsdfnCLnTgnRJ1pYnxykBhGMz+qj+box5lq7XsO5mtZsBqpjwwTu/7wszPfMBcw==
@@ -9555,15 +9548,6 @@
     "@types/prop-types" "*"
     csstype "^3.0.2"
 
-"@types/react@^16.13.1 || ^17.0.0", "@types/react@^17":
-  version "17.0.80"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.80.tgz#a5dfc351d6a41257eb592d73d3a85d3b7dbcbb41"
-  integrity sha512-LrgHIu2lEtIo8M7d1FcI3BdwXWoRQwMoXOZ7+dPTW0lYREjmlHl3P0U1VD0i/9tppOuv8/sam7sOjx34TxSFbA==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "^0.16"
-    csstype "^3.0.2"
-
 "@types/request@^2.47.1", "@types/request@^2.48.8":
   version "2.48.12"
   resolved "https://registry.yarnpkg.com/@types/request/-/request-2.48.12.tgz#0f590f615a10f87da18e9790ac94c29ec4c5ef30"
@@ -9601,11 +9585,6 @@
   resolved "https://registry.yarnpkg.com/@types/sarif/-/sarif-2.1.7.tgz#dab4d16ba7568e9846c454a8764f33c5d98e5524"
   integrity sha512-kRz0VEkJqWLf1LLVN4pT1cg1Z9wAuvI6L97V3m2f5B76Tg8d413ddvLBPTEHAZJlnn4XSvu0FkZtViCQGVyrXQ==
 
-"@types/scheduler@^0.16":
-  version "0.16.8"
-  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.8.tgz#ce5ace04cfeabe7ef87c0091e50752e36707deff"
-  integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==
-
 "@types/semver@^7.3.12", "@types/semver@^7.5.0":
   version "7.5.8"
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
@@ -10419,7 +10398,7 @@ anymatch@^3.0.3, anymatch@~3.1.2:
     "@backstage/plugin-techdocs-react" "^1.2.3"
     "@backstage/plugin-user-settings" "^0.8.5"
     "@backstage/theme" "^0.5.3"
-    "@frontside/backstage-plugin-humanitec" "^0.3.15"
+    "@humanitec/backstage-plugin" "^0.3.15"
     "@material-ui/core" "^4.12.2"
     "@material-ui/icons" "^4.9.1"
     history "^5.0.0"