diff --git a/projects/photo-editor/src/tests/photo-viewer.page.spec.ts b/projects/photo-editor/src/tests/photo-viewer.page.spec.ts
index 2744ad9..da3431b 100644
--- a/projects/photo-editor/src/tests/photo-viewer.page.spec.ts
+++ b/projects/photo-editor/src/tests/photo-viewer.page.spec.ts
@@ -90,6 +90,9 @@ describe('PhotoViewerPage', () => {
     expect(component.enableDelete()).toBe(true);
     expect(component.enableFooterSafeArea()).toBe(true);
     expect(fixture.nativeElement.textContent).toContain('Remove photo');
+    const deleteButton = fixture.nativeElement.querySelector('ion-buttons[slot="end"] ion-button');
+    expect(deleteButton.classList.contains('button-submit')).toBe(true);
+    expect(deleteButton.getAttribute('type')).toBe('button');
   });
 
   it('applies per-image alt text and the localized close-button label', async () => {
diff --git a/projects/photo-editor/viewer/src/lib/photo-viewer.page.html b/projects/photo-editor/viewer/src/lib/photo-viewer.page.html
index 57d4fa3..5c5f592 100644
--- a/projects/photo-editor/viewer/src/lib/photo-viewer.page.html
+++ b/projects/photo-editor/viewer/src/lib/photo-viewer.page.html
@@ -12,7 +12,9 @@
     </ion-buttons>
     @if (enableDelete() && imageUrls().length > 0) {
     <ion-buttons slot="end">
-      <ion-button color="photo-editor-danger" fill="solid" type="submit" (click)="remove()">{{ dictionary().delete }}</ion-button>
+      <ion-button class="button-submit" color="photo-editor-danger" fill="solid" type="button" (click)="remove()"
+        >{{ dictionary().delete }}</ion-button
+      >
     </ion-buttons>
     }
   </ion-toolbar>