diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts b/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
index 5def7161bb..e803b87b26 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
@@ -2,6 +2,8 @@ import { css, CSSResultGroup, html, LitElement } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 
 import { postInstall } from '../api/fetcher';
+
+import { UUISelectElement } from '@umbraco-ui/uui-select/lib';
 @customElement('umb-installer-database')
 export class UmbInstallerDatabase extends LitElement {
   static styles: CSSResultGroup = [
@@ -138,7 +140,8 @@ export class UmbInstallerDatabase extends LitElement {
   `;
 
   private _handleDatabaseTypeChange = (e: CustomEvent) => {
-    this.databaseType = e.target.value;
+    // TODO: this is a hack, we need to find a better way to do this.
+    this.databaseType = (e.target as UUISelectElement).value.toString();
   };
 
   render() {