diff --git a/apps/taxes/src/modules/ui/app-layout.tsx b/apps/taxes/src/modules/ui/app-layout.tsx
index 9c618b2..1ec5410 100644
--- a/apps/taxes/src/modules/ui/app-layout.tsx
+++ b/apps/taxes/src/modules/ui/app-layout.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { AppContainer } from "./app-container";
-import { AppGrid } from "./app-grid";
+import { AppGrid } from "@saleor/apps-ui";
 
 export const AppLayout = ({ children }: { children: React.ReactNode }) => {
   return (
diff --git a/packages/ui/src/app-grid.tsx b/packages/ui/src/app-grid.tsx
new file mode 100644
index 0000000..ffabf02
--- /dev/null
+++ b/packages/ui/src/app-grid.tsx
@@ -0,0 +1,19 @@
+import { makeStyles } from "@saleor/macaw-ui";
+import { PropsWithChildren } from "react";
+
+export const useStyles = makeStyles({
+  root: {
+    display: "grid",
+    gridTemplateColumns: "280px auto 280px",
+    alignItems: "start",
+    gap: 32,
+  },
+});
+
+type AppGridProps = PropsWithChildren<{}>;
+
+export const AppGrid = ({ children }: AppGridProps) => {
+  const styles = useStyles();
+
+  return <div className={styles.root}>{children}</div>;
+};