diff --git a/lib/game/view/pinball_game_page.dart b/lib/game/view/pinball_game_page.dart
index b019a88e..3a0f5e24 100644
--- a/lib/game/view/pinball_game_page.dart
+++ b/lib/game/view/pinball_game_page.dart
@@ -31,14 +31,14 @@ class PinballGamePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final selectedCharacter =
+    final characterTheme =
         context.read<CharacterThemeCubit>().state.characterTheme;
     final audio = context.read<PinballAudio>();
     final pinballAudio = context.read<PinballAudio>();
 
     final game = isDebugMode
-        ? DebugPinballGame(characterTheme: selectedCharacter, audio: audio)
-        : PinballGame(characterTheme: selectedCharacter, audio: audio);
+        ? DebugPinballGame(characterTheme: characterTheme, audio: audio)
+        : PinballGame(characterTheme: characterTheme, audio: audio);
 
     final loadables = [
       ...game.preLoadAssets(),
diff --git a/web/index.html b/web/index.html
index 3e4978d1..37e17170 100644
--- a/web/index.html
+++ b/web/index.html
@@ -19,7 +19,31 @@
 
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
-  <meta name="description" content="Come play Pinball with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2022.">
+  <meta name="description"
+    content="Come play Pinball with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2022.">
+  <meta property="og:description"
+    content="Come play Pinball with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2022.">
+
+  <meta property="og:title" content="Google I/O Pinball">
+
+  <!-- TODO(jonathandaniels-vgv): revisit once Google sets up deployments -->
+  <meta property="og:url" content="https://flutter.dev">
+
+  <!-- TODO(jonathandaniels-vgv): swap this image with updated pinball image -->
+  <meta name="twitter:image"
+    content="https://firebasestorage.googleapis.com/v0/b/io-photobooth-dev.appspot.com/o/public%2Fphotobooth-metadata-image.jpeg?alt=media">
+
+  <!-- TODO(jonathandaniels-vgv): swap this image with updated pinball image -->
+  <meta property="og:image"
+    content="https://firebasestorage.googleapis.com/v0/b/io-photobooth-dev.appspot.com/o/public%2Fphotobooth-metadata-image.jpeg?alt=media">
+
+  <meta name="twitter:text:title" content="I/O Pinball Machine - Flutter">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="I/O Pinball Machine - Flutter">
+
+  <meta name="twitter:description"
+    content="Come play Pinball with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2022.">
+
 
   <!-- iOS meta tags & icons -->
   <meta name="apple-mobile-web-app-capable" content="yes">
@@ -107,4 +131,4 @@
   </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file