diff --git a/.github/workflows/app_ui.yaml b/.github/workflows/app_ui.yaml
deleted file mode 100644
index 0a999f11..00000000
--- a/.github/workflows/app_ui.yaml
+++ /dev/null
@@ -1,18 +0,0 @@
-name: app_ui
-
-on:
-  push:
-    paths:
-      - "packages/app_ui/**"
-      - ".github/workflows/app_ui.yaml"
-
-  pull_request:
-    paths:
-      - "packages/app_ui/**"
-      - ".github/workflows/app_ui.yaml"
-
-jobs:
-  build:
-    uses: VeryGoodOpenSource/very_good_workflows/.github/workflows/flutter_package.yml@v1
-    with:
-      working_directory: packages/app_ui
diff --git a/.github/workflows/pinball_ui.yaml b/.github/workflows/pinball_ui.yaml
new file mode 100644
index 00000000..de4510e3
--- /dev/null
+++ b/.github/workflows/pinball_ui.yaml
@@ -0,0 +1,18 @@
+name: pinball_ui
+
+on:
+  push:
+    paths:
+      - "packages/pinball_ui/**"
+      - ".github/workflows/pinball_ui.yaml"
+
+  pull_request:
+    paths:
+      - "packages/pinball_ui/**"
+      - ".github/workflows/pinball_ui.yaml"
+
+jobs:
+  build:
+    uses: VeryGoodOpenSource/very_good_workflows/.github/workflows/flutter_package.yml@v1
+    with:
+      working_directory: packages/pinball_ui
diff --git a/lib/select_character/view/character_selection_page.dart b/lib/select_character/view/character_selection_page.dart
index fa5c86e3..8f26815b 100644
--- a/lib/select_character/view/character_selection_page.dart
+++ b/lib/select_character/view/character_selection_page.dart
@@ -1,12 +1,12 @@
 // ignore_for_file: public_member_api_docs
 
-import 'package:app_ui/app_ui.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:pinball/l10n/l10n.dart';
 import 'package:pinball/select_character/select_character.dart';
 import 'package:pinball/start_game/start_game.dart';
 import 'package:pinball_theme/pinball_theme.dart';
+import 'package:pinball_ui/pinball_ui.dart';
 
 class CharacterSelectionDialog extends StatelessWidget {
   const CharacterSelectionDialog({Key? key}) : super(key: key);
@@ -33,7 +33,7 @@ class CharacterSelectionView extends StatelessWidget {
   Widget build(BuildContext context) {
     final l10n = context.l10n;
 
-    return DialogDecoration(
+    return PinballDialogLayout(
       header: Text(
         l10n.characterSelectionTitle,
         style: Theme.of(context).textTheme.headline3,
diff --git a/lib/start_game/widgets/how_to_play_dialog.dart b/lib/start_game/widgets/how_to_play_dialog.dart
index b91d27e7..42285210 100644
--- a/lib/start_game/widgets/how_to_play_dialog.dart
+++ b/lib/start_game/widgets/how_to_play_dialog.dart
@@ -1,8 +1,8 @@
 // ignore_for_file: public_member_api_docs
 
-import 'package:app_ui/app_ui.dart';
 import 'package:flutter/material.dart';
 import 'package:pinball/l10n/l10n.dart';
+import 'package:pinball_ui/pinball_ui.dart';
 
 class HowToPlayDialog extends StatelessWidget {
   const HowToPlayDialog({Key? key}) : super(key: key);
@@ -12,7 +12,7 @@ class HowToPlayDialog extends StatelessWidget {
     final l10n = context.l10n;
     const spacing = SizedBox(height: 16);
 
-    return DialogDecoration(
+    return PinballDialogLayout(
       header: Text(l10n.howToPlay),
       body: Column(
         children: const [
diff --git a/packages/app_ui/lib/src/dialog/dialog.dart b/packages/app_ui/lib/src/dialog/dialog.dart
deleted file mode 100644
index e8c89e99..00000000
--- a/packages/app_ui/lib/src/dialog/dialog.dart
+++ /dev/null
@@ -1 +0,0 @@
-export 'dialog_decoration.dart';
diff --git a/packages/app_ui/lib/src/dialog/dialog_decoration.dart b/packages/app_ui/lib/src/dialog/dialog_decoration.dart
deleted file mode 100644
index ae5be24a..00000000
--- a/packages/app_ui/lib/src/dialog/dialog_decoration.dart
+++ /dev/null
@@ -1,73 +0,0 @@
-import 'package:app_ui/gen/gen.dart';
-import 'package:flutter/material.dart';
-
-/// {@template dialog_background}
-/// A dialog decoration with pixel looking background.
-///
-/// Requires the header [Widget] and body [Widget], which are displayed on the
-/// decoration.
-/// {@endtemplate}
-class DialogDecoration extends StatelessWidget {
-  /// {@macro dialog_background}
-  const DialogDecoration({
-    Key? key,
-    required Widget header,
-    required Widget body,
-  })  : _header = header,
-        _body = body,
-        super(key: key);
-
-  final Widget _header;
-  final Widget _body;
-
-  @override
-  Widget build(BuildContext context) {
-    const radius = BorderRadius.all(Radius.circular(12));
-    const boardWidth = 5.0;
-
-    return LayoutBuilder(
-      builder: (context, constraints) {
-        final gameWidgetWidth = constraints.maxHeight * 9 / 16;
-
-        return Center(
-          child: SizedBox(
-            height: gameWidgetWidth,
-            width: gameWidgetWidth,
-            child: DecoratedBox(
-              decoration: BoxDecoration(
-                borderRadius: radius,
-                border: Border.all(
-                  color: Colors.white,
-                  width: boardWidth,
-                ),
-                image: DecorationImage(
-                  fit: BoxFit.cover,
-                  image: AssetImage(
-                    Assets.images.dialog.background.keyName,
-                  ),
-                ),
-              ),
-              child: Padding(
-                padding: const EdgeInsets.all(boardWidth - 1),
-                child: ClipRRect(
-                  borderRadius: radius,
-                  child: Column(
-                    children: [
-                      Expanded(
-                        child: Center(child: _header),
-                      ),
-                      Expanded(
-                        flex: 4,
-                        child: _body,
-                      ),
-                    ],
-                  ),
-                ),
-              ),
-            ),
-          ),
-        );
-      },
-    );
-  }
-}
diff --git a/packages/app_ui/.gitignore b/packages/pinball_ui/.gitignore
similarity index 100%
rename from packages/app_ui/.gitignore
rename to packages/pinball_ui/.gitignore
diff --git a/packages/app_ui/README.md b/packages/pinball_ui/README.md
similarity index 100%
rename from packages/app_ui/README.md
rename to packages/pinball_ui/README.md
diff --git a/packages/app_ui/analysis_options.yaml b/packages/pinball_ui/analysis_options.yaml
similarity index 100%
rename from packages/app_ui/analysis_options.yaml
rename to packages/pinball_ui/analysis_options.yaml
diff --git a/packages/app_ui/assets/images/dialog/background.png b/packages/pinball_ui/assets/images/dialog/background.png
similarity index 100%
rename from packages/app_ui/assets/images/dialog/background.png
rename to packages/pinball_ui/assets/images/dialog/background.png
diff --git a/packages/app_ui/lib/gen/assets.gen.dart b/packages/pinball_ui/lib/gen/assets.gen.dart
similarity index 95%
rename from packages/app_ui/lib/gen/assets.gen.dart
rename to packages/pinball_ui/lib/gen/assets.gen.dart
index 7e773b71..41c45ece 100644
--- a/packages/app_ui/lib/gen/assets.gen.dart
+++ b/packages/pinball_ui/lib/gen/assets.gen.dart
@@ -28,7 +28,8 @@ class Assets {
 }
 
 class AssetGenImage extends AssetImage {
-  const AssetGenImage(String assetName) : super(assetName, package: 'app_ui');
+  const AssetGenImage(String assetName)
+      : super(assetName, package: 'pinball_ui');
 
   Image image({
     Key? key,
diff --git a/packages/app_ui/lib/gen/gen.dart b/packages/pinball_ui/lib/gen/gen.dart
similarity index 100%
rename from packages/app_ui/lib/gen/gen.dart
rename to packages/pinball_ui/lib/gen/gen.dart
diff --git a/packages/app_ui/lib/app_ui.dart b/packages/pinball_ui/lib/pinball_ui.dart
similarity index 62%
rename from packages/app_ui/lib/app_ui.dart
rename to packages/pinball_ui/lib/pinball_ui.dart
index 6454dfbd..b46adf95 100644
--- a/packages/app_ui/lib/app_ui.dart
+++ b/packages/pinball_ui/lib/pinball_ui.dart
@@ -1,3 +1,3 @@
-library app_ui;
+library pinball_ui;
 
 export 'src/dialog/dialog.dart';
diff --git a/packages/pinball_ui/lib/src/dialog/dialog.dart b/packages/pinball_ui/lib/src/dialog/dialog.dart
new file mode 100644
index 00000000..c95b9826
--- /dev/null
+++ b/packages/pinball_ui/lib/src/dialog/dialog.dart
@@ -0,0 +1 @@
+export 'pinball_dialog_layout.dart';
diff --git a/packages/pinball_ui/lib/src/dialog/pinball_dialog_layout.dart b/packages/pinball_ui/lib/src/dialog/pinball_dialog_layout.dart
new file mode 100644
index 00000000..c5ba3284
--- /dev/null
+++ b/packages/pinball_ui/lib/src/dialog/pinball_dialog_layout.dart
@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+import 'package:pinball_ui/gen/gen.dart';
+
+/// {@template pinball_dialog_layout}
+/// A dialog decoration with pixel looking background.
+///
+/// Requires the header [Widget] and body [Widget], which are displayed on the
+/// decoration.
+/// {@endtemplate}
+class PinballDialogLayout extends StatelessWidget {
+  /// {@macro pinball_dialog_layout}
+  const PinballDialogLayout({
+    Key? key,
+    required Widget header,
+    required Widget body,
+  })  : _header = header,
+        _body = body,
+        super(key: key);
+
+  final Widget _header;
+  final Widget _body;
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        final gameWidgetWidth = constraints.maxHeight * 9 / 16;
+
+        return Center(
+          child: SizedBox(
+            height: gameWidgetWidth,
+            width: gameWidgetWidth,
+            child: _DialogDecoration(
+              header: _header,
+              body: _body,
+            ),
+          ),
+        );
+      },
+    );
+  }
+}
+
+class _DialogDecoration extends StatelessWidget {
+  const _DialogDecoration({
+    Key? key,
+    required Widget header,
+    required Widget body,
+  })  : _header = header,
+        _body = body,
+        super(key: key);
+
+  final Widget _header;
+  final Widget _body;
+
+  @override
+  Widget build(BuildContext context) {
+    const radius = BorderRadius.all(Radius.circular(12));
+    const boardWidth = 5.0;
+
+    return DecoratedBox(
+      decoration: BoxDecoration(
+        borderRadius: radius,
+        border: Border.all(
+          color: Colors.white,
+          width: boardWidth,
+        ),
+        image: DecorationImage(
+          fit: BoxFit.cover,
+          image: AssetImage(
+            Assets.images.dialog.background.keyName,
+          ),
+        ),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(boardWidth - 1),
+        child: ClipRRect(
+          borderRadius: radius,
+          child: Column(
+            children: [
+              Expanded(
+                child: Center(child: _header),
+              ),
+              Expanded(
+                flex: 4,
+                child: _body,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/packages/app_ui/pubspec.yaml b/packages/pinball_ui/pubspec.yaml
similarity index 96%
rename from packages/app_ui/pubspec.yaml
rename to packages/pinball_ui/pubspec.yaml
index 9a8b884e..307c1f8b 100644
--- a/packages/app_ui/pubspec.yaml
+++ b/packages/pinball_ui/pubspec.yaml
@@ -1,4 +1,4 @@
-name: app_ui
+name: pinball_ui
 description: App UI Component Library
 version: 1.0.0+1
 publish_to: none
diff --git a/packages/app_ui/test/src/dialog/dialog_decoration_test.dart b/packages/pinball_ui/test/src/dialog/pinball_dialog_layout_test.dart
similarity index 82%
rename from packages/app_ui/test/src/dialog/dialog_decoration_test.dart
rename to packages/pinball_ui/test/src/dialog/pinball_dialog_layout_test.dart
index 983ceb0a..fffa0b52 100644
--- a/packages/app_ui/test/src/dialog/dialog_decoration_test.dart
+++ b/packages/pinball_ui/test/src/dialog/pinball_dialog_layout_test.dart
@@ -1,18 +1,18 @@
 // ignore_for_file: prefer_const_constructors
 
-import 'package:app_ui/app_ui.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
+import 'package:pinball_ui/pinball_ui.dart';
 
 void main() {
-  group('DialogDecoration', () {
+  group('PinballDialogLayout', () {
     testWidgets('renders header and body', (tester) async {
       const headerText = 'header';
       const bodyText = 'body';
 
       await tester.pumpWidget(
         MaterialApp(
-          home: DialogDecoration(
+          home: PinballDialogLayout(
             header: Text(headerText),
             body: Text(bodyText),
           ),
diff --git a/pubspec.lock b/pubspec.lock
index 812c6ec0..b2b8dc30 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -15,13 +15,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.8.0"
-  app_ui:
-    dependency: "direct main"
-    description:
-      path: "packages/app_ui"
-      relative: true
-    source: path
-    version: "1.0.0+1"
   args:
     dependency: transitive
     description:
@@ -504,6 +497,13 @@ packages:
       relative: true
     source: path
     version: "1.0.0+1"
+  pinball_ui:
+    dependency: "direct main"
+    description:
+      path: "packages/pinball_ui"
+      relative: true
+    source: path
+    version: "1.0.0+1"
   platform:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 9993d0aa..febc9a4f 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -7,8 +7,6 @@ environment:
   sdk: ">=2.16.0 <3.0.0"
 
 dependencies:
-  app_ui:
-    path: packages/app_ui
   bloc: ^8.0.2
   cloud_firestore: ^3.1.10
   equatable: ^2.0.3
@@ -33,6 +31,8 @@ dependencies:
     path: packages/pinball_flame
   pinball_theme:
     path: packages/pinball_theme
+  pinball_ui:
+    path: packages/pinball_ui
 
 dev_dependencies:
   bloc_test: ^9.0.2