Improve styling

apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html

@@ -1,5 +1,5 @@
 <div class="d-flex flex-column h-100">
-  <h1 class="align-items-center d-flex mb-3" mat-dialog-title>
+  <div class="align-items-center d-flex mb-3" mat-dialog-title>
     <span class="flex-grow-1 text-truncate">{{
       assetProfile?.name ?? data.symbol
     }}</span>
@@ -87,7 +87,7 @@
         <ng-container i18n>Delete</ng-container>
       </button>
     </mat-menu>
-  </h1>
+  </div>
 
   <div class="flex-grow-1" mat-dialog-content>
     <gf-line-chart

apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.scss

@@ -4,4 +4,8 @@
   .mat-mdc-dialog-content {
     max-height: unset;
   }
+
+  .mat-mdc-dialog-title {
+    padding-right: 0.5rem !important;
+  }
 }

apps/client/src/app/components/user-detail-dialog/user-detail-dialog.html

@@ -1,6 +1,6 @@
-<div class="d-flex justify-content-end">
+<div class="align-items-center d-flex justify-content-end" mat-dialog-title>
   <button
-    class="mx-1 no-min-width px-2"
+    class="ml-1 no-min-width px-2"
     mat-button
     type="button"
     [matMenuTriggerFor]="userDetailActionsMenu"