Fix font-size

src/components/ha-button.ts

@@ -57,6 +57,8 @@ export class HaButton extends Button {
             --ha-button-height,
             var(--button-height, 40px)
           );
+
+          font-size: var(--ha-font-size-l);
         }
 
         :host([size="small"]) .button {
@@ -64,6 +66,7 @@ export class HaButton extends Button {
             --ha-button-height,
             var(--button-height, 32px)
           );
+          font-size: var(--wa-font-size-s, var(--ha-font-size-l));
         }
 
         :host([variant="brand"]) {

src/panels/config/automation/ha-automation-editor.ts

@@ -216,6 +216,7 @@ export class HaAutomationEditor extends PreventUnsavedMixin(
           ? html`
               <ha-button
                 appearance="plain"
+                size="small"
                 @click=${this._showTrace}
                 slot="toolbar-icon"
               >

src/panels/config/repairs/dialog-repairs-issue.ts

@@ -145,7 +145,7 @@ class DialogRepairsIssue extends LitElement {
                     : undefined}
                 >
                   ${this.hass!.localize("ui.panel.config.repairs.dialog.learn")}
-                  <ha-svg-icon .path=${mdiOpenInNew}></ha-svg-icon>
+                  <ha-svg-icon slot="end" .path=${mdiOpenInNew}></ha-svg-icon>
                 </ha-button>
               `
             : ""}