diff --git a/docs/guide/typescript/cli-app.md b/docs/guide/typescript/cli-app.md
index 9217accc..9fa307c5 100644
--- a/docs/guide/typescript/cli-app.md
+++ b/docs/guide/typescript/cli-app.md
@@ -92,7 +92,7 @@ In order for Astal to know about your windows, you have to register them.
 You can do this by specifying a **unique** `name` and calling `App.add_window`
 
 ```tsx {4}
-import { App } from "astal"
+import { App } from "astal/gtk3"
 
 function Bar() {
     return <window name="Bar" setup={self => App.add_window(self)}>
@@ -104,7 +104,7 @@ function Bar() {
 You can also invoke `App.add_window` by simply passing the `App` to the `application` prop.
 
 ```tsx {4}
-import { App } from "astal"
+import { App } from "astal/gtk3"
 
 function Bar() {
     return <window name="Bar" application={App}>
diff --git a/docs/guide/typescript/faq.md b/docs/guide/typescript/faq.md
index 48c802cb..a1510991 100644
--- a/docs/guide/typescript/faq.md
+++ b/docs/guide/typescript/faq.md
@@ -7,7 +7,7 @@ the same as the compositor. Instead use the `gdkmonitor` property which expects
 a `Gdk.Monitor` object.
 
 ```tsx
-import { App } from "astal"
+import { App } from "astal/gtk3"
 
 function Bar(gdkmonitor) {
     return <window gdkmonitor={gdkmonitor} />
@@ -162,7 +162,7 @@ export default function Bar(gdkmonitor: Gdk.Monitor) {
 :::code-group
 
 ```ts [app.ts]
-import { Gdk, Gtk } from "astal"
+import { Gdk, Gtk } from "astal/gtk3"
 import Bar from "./Bar"
 
 function main() {