diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/collection/views/table/column-layouts/document-table-column-name.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/collection/views/table/column-layouts/document-table-column-name.element.ts
index 100d870c1d..1d9e39d4b3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/collection/views/table/column-layouts/document-table-column-name.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/collection/views/table/column-layouts/document-table-column-name.element.ts
@@ -1,8 +1,9 @@
 import type { UmbDocumentCollectionItemModel } from '../../../types.js';
 import { css, customElement, html, property, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-//import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/modal';
+import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/modal';
 import type { UmbTableColumn, UmbTableColumnLayoutElement, UmbTableItem } from '@umbraco-cms/backoffice/components';
+import type { UUIButtonElement } from '@umbraco-cms/backoffice/external/uui';
 
 @customElement('umb-document-table-column-name')
 export class UmbDocumentTableColumnNameElement extends UmbLitElement implements UmbTableColumnLayoutElement {
@@ -21,32 +22,29 @@ export class UmbDocumentTableColumnNameElement extends UmbLitElement implements
 	constructor() {
 		super();
 
-		// new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
-		// 	.addAdditionalPath('document')
-		// 	.onSetup(() => {
-		// 		return { data: { entityType: 'document', preset: {} } };
-		// 	})
-		// 	.observeRouteBuilder((routeBuilder) => {
-		// 		this._editDocumentPath = routeBuilder({});
-		// 	});
-
-		this._editDocumentPath = '/section/content/workspace/document/';
+		new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+			.addAdditionalPath('document')
+			.onSetup(() => {
+				return { data: { entityType: 'document', preset: {} } };
+			})
+			.observeRouteBuilder((routeBuilder) => {
+				this._editDocumentPath = routeBuilder({});
+			});
 	}
 
-	// #onClick(event: Event) {
-	// 	// TODO: [LK] Review the `stopPropagation` usage, as it causes a page reload.
-	// 	// But we still need a say to prevent the `umb-table` from triggering a selection event.
-	// 	event.stopPropagation();
-	// }
+	#onClick(event: Event & { target: UUIButtonElement }) {
+		event.preventDefault();
+		event.stopPropagation();
+		window.history.pushState({}, '', event.target.href);
+	}
 
 	render() {
 		return html`
 			<uui-button
 				compact
-				color="default"
-				look="default"
 				href="${this._editDocumentPath}edit/${this.value.unique}"
-				label=${this.value.name}></uui-button>
+				label=${this.value.name}
+				@click=${this.#onClick}></uui-button>
 		`;
 	}