diff --git a/core-web/apps/dotcms-binary-field-builder/project.json b/core-web/apps/dotcms-binary-field-builder/project.json
index 0ce4f73112ef..8de29bdf6508 100644
--- a/core-web/apps/dotcms-binary-field-builder/project.json
+++ b/core-web/apps/dotcms-binary-field-builder/project.json
@@ -46,7 +46,7 @@
                         {
                             "type": "initial",
                             "maximumWarning": "500kb",
-                            "maximumError": "2mb"
+                            "maximumError": "2.5mb"
                         },
                         {
                             "type": "anyComponentStyle",
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html
index 474a86d1fc92..cf611578ffd5 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.html
@@ -1,121 +1,137 @@
 @let data = store.data();
 @let pagination = store.pagination();
 
-<p-dialog
-    [header]="'dot.file.relationship.dialog.select.existing.content' | dm"
-    [modal]="true"
-    [(visible)]="$visible"
-    (onHide)="emitSelectedItems()"
-    dataKey="id"
-    appendTo="body"
-    width="90%"
-    [style]="{ width: '90%', 'max-width': '1040px' }">
-    <p-table
-        #datatable
-        [value]="data"
-        selectionMode="multiple"
-        [(selection)]="$selectedItems"
-        [loading]="store.isLoading()"
-        [paginator]="true"
-        [first]="pagination.offset"
-        [rows]="pagination.rowsPerPage"
-        [globalFilterFields]="['title', 'step', 'description']"
-        styleClass="p-datatable-sm p-datatable-existing-content">
-        <ng-template pTemplate="caption">
-            <div class="flex justify-content-between align-items-center w-full">
-                <div class="flex align-items-center gap-2">
-                    <div class="flex-none">
-                        <dot-search (onSearch)="datatable.filterGlobal($event, 'contains')" />
+@if ($visible()) {
+    @defer {
+        <p-dialog
+            [modal]="true"
+            [(visible)]="$visible"
+            (onShow)="onShowDialog()"
+            (onHide)="emitSelectedItems()"
+            [draggable]="false"
+            dataKey="id"
+            appendTo="body"
+            width="90%"
+            [style]="{ width: '90%', 'max-width': '1040px', height: '90vh' }">
+            <ng-template pTemplate="header">
+                <div class="flex items-center justify-center gap-2">
+                    <i class="pi pi-search"></i>
+                    <span class="p-dialog-title">
+                        {{ 'dot.file.relationship.dialog.search' | dm }}
+                    </span>
+                </div>
+            </ng-template>
+            <p-table
+                #datatable
+                [value]="data"
+                selectionMode="multiple"
+                [(selection)]="$selectedItems"
+                [loading]="store.isLoading()"
+                [paginator]="true"
+                [first]="pagination.offset"
+                [rows]="pagination.rowsPerPage"
+                [globalFilterFields]="['title', 'step', 'description']"
+                styleClass="dotTable p-datatable-existing-content">
+                <ng-template pTemplate="caption">
+                    <div class="flex justify-content-between align-items-center w-full">
+                        <div class="flex align-items-center gap-2">
+                            <div class="flex-none">
+                                <dot-search
+                                    (onSearch)="datatable.filterGlobal($event, 'contains')" />
+                            </div>
+                            <div class="flex-grow-1">
+                                <p class="text-primary-500">
+                                    {{
+                                        'dot.file.relationship.dialog.per.page'
+                                            | dm: [pagination.rowsPerPage.toString()]
+                                    }}
+                                </p>
+                            </div>
+                        </div>
+                        <dot-pagination
+                            [currentPageReportLayout]="'left'"
+                            (nextPage)="store.nextPage()"
+                            (previousPage)="store.previousPage()"
+                            [totalPages]="store.totalPages()"
+                            [currentPage]="pagination.currentPage" />
                     </div>
-                    <div class="flex-grow-1">
+                </ng-template>
+                <ng-template pTemplate="header" styleClass="relative">
+                    <tr>
+                        <th scope="col" style="width: 4rem"><p-tableHeaderCheckbox /></th>
+                        <th scope="col" pSortableColumn="title">
+                            Title
+                            <p-sortIcon field="title" />
+                        </th>
+                        <th scope="col" pSortableColumn="step">
+                            Step
+                            <p-sortIcon field="step" />
+                        </th>
+                        <th scope="col" pSortableColumn="description">
+                            Description
+                            <p-sortIcon field="description" />
+                        </th>
+                        <th scope="col" pSortableColumn="lastUpdate">
+                            Last Update
+                            <p-sortIcon field="lastUpdate" />
+                        </th>
+                        <th scope="col">Menu</th>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="emptymessage">
+                    <tr>
+                        <td colspan="6">
+                            <div class="flex p-2 gap-2 justify-content-center">
+                                <p class="text-500">
+                                    {{ 'dot.file.relationship.dialog.search.empty.content' | dm }}
+                                </p>
+                            </div>
+                        </td>
+                    </tr>
+                </ng-template>
+                <ng-template pTemplate="body" let-item>
+                    <tr [class.p-highlight]="checkIfSelected(item)">
+                        <td>
+                            <p-tableCheckbox [value]="item" />
+                        </td>
+                        <td class="max-w-12rem">
+                            <p class="truncate-text">{{ item.title }}</p>
+                        </td>
+                        <td>{{ item.step }}</td>
+                        <td class="max-w-12rem">
+                            <p class="truncate-text">{{ item.description }}</p>
+                        </td>
+                        <td>{{ item.lastUpdate | date }}</td>
+                        <td>
+                            <i class="pi pi-pencil"></i>
+                        </td>
+                    </tr>
+                </ng-template>
+            </p-table>
+            <ng-template pTemplate="footer">
+                <div class="flex justify-content-between">
+                    <div>
                         <p class="text-primary-500">
                             {{
-                                'dot.file.relationship.dialog.per.page'
-                                    | dm: [pagination.rowsPerPage.toString()]
+                                'dot.file.relationship.dialog.selected.items'
+                                    | dm: [$selectedItems().length.toString()]
                             }}
                         </p>
                     </div>
-                </div>
-                <dot-pagination
-                    [currentPageReportLayout]="'left'"
-                    (nextPage)="store.nextPage()"
-                    (previousPage)="store.previousPage()"
-                    [totalPages]="store.totalPages()"
-                    [currentPage]="pagination.currentPage" />
-            </div>
-        </ng-template>
-        <ng-template pTemplate="header" styleClass="relative">
-            <tr>
-                <th scope="col" style="width: 4rem"><p-tableHeaderCheckbox /></th>
-                <th scope="col" pSortableColumn="title">
-                    Title
-                    <p-sortIcon field="title" />
-                </th>
-                <th scope="col" pSortableColumn="step">
-                    Step
-                    <p-sortIcon field="step" />
-                </th>
-                <th scope="col" pSortableColumn="description">
-                    Description
-                    <p-sortIcon field="description" />
-                </th>
-                <th scope="col" pSortableColumn="lastUpdate">
-                    Last Update
-                    <p-sortIcon field="lastUpdate" />
-                </th>
-                <th scope="col">Menu</th>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="emptymessage">
-            <tr>
-                <td colspan="6">
-                    <div class="flex p-2 gap-2 justify-content-center">
-                        <p class="text-500">Relate content by clicking on the Plus Button</p>
+                    <div>
+                        <p-button
+                            [label]="'Cancel' | dm"
+                            [outlined]="true"
+                            (onClick)="closeDialog()"
+                            [text]="true"
+                            severity="primary" />
+                        <p-button
+                            [disabled]="$isApplyDisabled()"
+                            (onClick)="closeDialog()"
+                            [label]="$applyLabel()" />
                     </div>
-                </td>
-            </tr>
-        </ng-template>
-        <ng-template pTemplate="body" let-item>
-            <tr>
-                <td>
-                    <p-tableCheckbox [value]="item" />
-                </td>
-                <td class="max-w-12rem">
-                    <p class="truncate-text">{{ item.title }}</p>
-                </td>
-                <td>{{ item.step }}</td>
-                <td class="max-w-12rem">
-                    <p class="truncate-text">{{ item.description }}</p>
-                </td>
-                <td>{{ item.lastUpdate | date }}</td>
-                <td>
-                    <i class="pi pi-pencil"></i>
-                </td>
-            </tr>
-        </ng-template>
-    </p-table>
-    <ng-template pTemplate="footer">
-        <div class="flex justify-content-between">
-            <div>
-                <p class="text-primary-500">
-                    {{
-                        'dot.file.relationship.dialog.selected.items'
-                            | dm: [$selectedItems().length.toString()]
-                    }}
-                </p>
-            </div>
-            <div>
-                <p-button
-                    [label]="'Cancel' | dm"
-                    [outlined]="true"
-                    (onClick)="closeDialog()"
-                    [text]="true"
-                    severity="primary" />
-                <p-button
-                    [disabled]="$isApplyDisabled()"
-                    (onClick)="closeDialog()"
-                    [label]="$applyLabel()" />
-            </div>
-        </div>
-    </ng-template>
-</p-dialog>
+                </div>
+            </ng-template>
+        </p-dialog>
+    }
+}
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.scss b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.scss
index c34af3986231..ca07422c372f 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.scss
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.scss
@@ -2,12 +2,10 @@
 
 ::ng-deep {
     p-table {
-        .p-datatable-sm.p-datatable-existing-content {
+        .p-datatable-existing-content {
             .p-datatable-header {
                 background-color: $white;
                 border: 0px;
-                padding-left: 0px;
-                padding-right: 0px;
             }
             .p-datatable-table {
                 border: 1px solid $color-palette-gray-300;
@@ -24,5 +22,10 @@
                 height: auto;
             }
         }
+        .dotTable.p-datatable {
+            .p-datatable-tbody > tr > td:first-child:has(p-tableCheckbox) + td {
+                padding: 0 $spacing-1;
+            }
+        }
     }
 }
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.spec.ts b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.spec.ts
index ec2a9dc5ed84..d4988f8efa21 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.spec.ts
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.spec.ts
@@ -1,5 +1,9 @@
 import { Spectator, createComponentFactory } from '@ngneat/spectator/jest';
 
+import { fakeAsync, tick } from '@angular/core/testing';
+
+import { Dialog } from 'primeng/dialog';
+
 import { DotMessageService } from '@dotcms/data-access';
 import { RelationshipFieldItem } from '@dotcms/edit-content/fields/dot-edit-content-relationship-field/models/relationship.models';
 import { MockDotMessageService } from '@dotcms/utils-testing';
@@ -85,4 +89,61 @@ describe('DotSelectExistingContentComponent', () => {
             expect(label).toBe('Apply 2 entries');
         });
     });
+
+    describe('checkIfSelected', () => {
+        it('should return true when content is in selectedContent array', () => {
+            // Arrange
+            const testContent = mockRelationshipItem('1');
+            spectator.component.$selectedItems.set([testContent]);
+
+            // Act
+            const result = spectator.component.checkIfSelected(testContent);
+
+            // Assert
+            expect(result).toBe(true);
+        });
+
+        it('should return false when content is not in selectedContent array', () => {
+            // Arrange
+            const testContent = mockRelationshipItem('123');
+            const differentContent = mockRelationshipItem('456');
+            spectator.component.$selectedItems.set([differentContent]);
+
+            // Act
+            const result = spectator.component.checkIfSelected(testContent);
+
+            // Assert
+            expect(result).toBe(false);
+        });
+
+        it('should return false when selectedContent is empty', () => {
+            // Arrange
+            const testContent = mockRelationshipItem('123');
+            spectator.component.$selectedItems.set([]);
+
+            // Act
+            const result = spectator.component.checkIfSelected(testContent);
+
+            // Assert
+            expect(result).toBe(false);
+        });
+    });
+
+    describe('onShowDialog', () => {
+        it('should call onShowDialog when dialog is shown', fakeAsync(() => {
+            // Arrange
+            spectator.component.$visible.set(true);
+
+            spectator.detectChanges();
+
+            tick(100);
+            const spy = jest.spyOn(spectator.component, 'onShowDialog');
+
+            // Act
+            spectator.triggerEventHandler(Dialog, 'onShow', null);
+
+            // Assert
+            expect(spy).toHaveBeenCalled();
+        }));
+    });
 });
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.ts b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.ts
index 0e066ed75105..8917e5db9af7 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.ts
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/dot-select-existing-content.component.ts
@@ -112,4 +112,21 @@ export class DotSelectExistingContentComponent {
     emitSelectedItems() {
         this.onSelectItems.emit(this.$selectedItems());
     }
+
+    /**
+     * Checks if an item is selected.
+     * @param item - The item to check.
+     * @returns True if the item is selected, false otherwise.
+     */
+    checkIfSelected(item: RelationshipFieldItem) {
+        return this.$selectedItems().some((selectedItem) => selectedItem.id === item.id);
+    }
+
+    /**
+     * Shows the existing content dialog and loads the content.
+     */
+    onShowDialog() {
+        this.store.applyInitialState();
+        this.store.loadContent();
+    }
 }
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/store/existing-content.store.ts b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/store/existing-content.store.ts
index c65414f675bc..1c352ef61257 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/store/existing-content.store.ts
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/components/dot-select-existing-content/store/existing-content.store.ts
@@ -70,6 +70,12 @@ export const ExistingContentStore = signalStore(
                     )
                 )
             ),
+            /**
+             * Applies the initial state for the existing content.
+             */
+            applyInitialState: () => {
+                patchState(store, initialState);
+            },
             /**
              * Advances the pagination to the next page and updates the state accordingly.
              */
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.html b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.html
index ccc2e97d92f6..ad9bc0c48fdc 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.html
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.html
@@ -4,7 +4,7 @@
 
 <p-table
     [value]="store.data()"
-    styleClass="p-datatable-sm p-datatable-relationship"
+    styleClass="dotTable p-datatable-relationship"
     [paginator]="true"
     [first]="pagination.offset"
     [rows]="pagination.rowsPerPage"
diff --git a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.scss b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.scss
index a213bc8cdabd..9e123b7ed805 100644
--- a/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.scss
+++ b/core-web/libs/edit-content/src/lib/fields/dot-edit-content-relationship-field/dot-edit-content-relationship-field.component.scss
@@ -2,7 +2,7 @@
 
 ::ng-deep {
     p-table {
-        .p-datatable-relationship.p-datatable-sm {
+        .p-datatable-relationship {
             .p-datatable-header {
                 background-color: $color-palette-gray-100;
             }
diff --git a/dotCMS/src/main/webapp/WEB-INF/messages/Language.properties b/dotCMS/src/main/webapp/WEB-INF/messages/Language.properties
index f35021eb43b2..59bd161c03df 100644
--- a/dotCMS/src/main/webapp/WEB-INF/messages/Language.properties
+++ b/dotCMS/src/main/webapp/WEB-INF/messages/Language.properties
@@ -1231,6 +1231,7 @@ dot.file.relationship.field.table.state=State
 dot.file.relationship.field.table.existing.content=Existing Content
 dot.file.relationship.field.table.new.content=New Content
 dot.file.relationship.dialog.search=Search
+dot.file.relationship.dialog.search.empty.content=Relate content by clicking on the Plus Button
 dot.common.apply=Apply
 dot.common.archived=Archived
 dot.common.cancel=Cancel