dashboard style update

src/Umbraco.Web.UI.Client/src/packages/umbraco-news/umbraco-news-dashboard.element.ts

@@ -1,3 +1,4 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css';
 import { UMB_AUTH } from '@umbraco-cms/backoffice/auth';
 import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@@ -26,11 +27,13 @@ export class UmbUmbracoNewsDashboardElement extends UmbLitElement {
 
 	render() {
 		return html`
-			<uui-box>
-				<h1>Welcome, ${this.name}</h1>
-				<p>This is a preview version of Umbraco, where you can have a first-hand look at the new Backoffice.</p>
-				<p>There is currently very limited functionality.</p>
+			<uui-box class="uui-text">
+				<h1 class="uui-h2" style="margin-top: var(--uui-size-layout-1);">Welcome, ${this.name}</h1>
+				<p class="uui-lead">
+					This is a preview version of Umbraco, where you can have a first-hand look at the new Backoffice.
+				</p>
 				<p>
+					There is currently very limited functionality.<br />
 					Please refer to the
 					<a target="_blank" href="http://docs.umbraco.com/umbraco-backoffice/">documentation</a> to learn more about
 					what is possible.
@@ -40,6 +43,7 @@ export class UmbUmbracoNewsDashboardElement extends UmbLitElement {
 	}
 
 	static styles = [
+		UUITextStyles,
 		css`
 			:host {
 				display: block;