diff --git a/composer.json b/composer.json
index cff7bf130..b14b9f3c9 100644
--- a/composer.json
+++ b/composer.json
@@ -41,6 +41,9 @@
             "drupal/diff": {
                 "Back button for comparison page": "https://www.drupal.org/files/issues/back_button_for-2853193-4.patch"
             },
+                "drupal/focal_point": {
+                    "Issue #3462165: Preview results in Error: Call to a member function getDefinitions() on null": "https://www.drupal.org/files/issues/2024-07-18/Preview-results-in-Error-3462165.patch"
+                },
             "drupal/gin": {
                 "Issue #3455558: There is no visible change to a toggle when pressed (but it does trigger conditional fields, value is saved, etc)": "https://www.drupal.org/files/issues/2024-08-06/3455558-Refactor-toggle-styles-mr438.patch"
             },
diff --git a/tests/src/FunctionalJavascript/Integration/FocalPointTest.php b/tests/src/FunctionalJavascript/Integration/FocalPointTest.php
new file mode 100644
index 000000000..cfa49561d
--- /dev/null
+++ b/tests/src/FunctionalJavascript/Integration/FocalPointTest.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace Drupal\Tests\thunder\FunctionalJavascript;
+
+/**
+ * Tests the Image media modification.
+ *
+ * @group Thunder
+ */
+class FocalPointTest extends ThunderJavascriptTestBase {
+
+  /**
+   * Test that focal_point preview is rendered in overlay.
+   */
+  public function testFocalPointPreview(): void {
+    $node = $this->loadNodeByUuid('0bd5c257-2231-450f-b4c2-ab156af7b78d');
+    $this->drupalGet($node->toUrl('edit-form'));
+    $this->clickDrupalSelector('edit-field-teaser-media-selection-0-edit');
+    $this->clickDrupalSelector('edit-field-image-0-preview-preview-link');
+
+    $this->assertSession()->elementExists('css', '#focal-point-derivatives .focal-point-derivative-preview-image');
+    $this->assertSession()->elementExists('css', '.focal-point-original-image > #focal-point-preview-image');
+  }
+
+}