[PM-22284] - [Defect] Inconsistent UI issues with Send page empty state (#15877)

* update new send dropdown to match comps

* revert change to no send icon.

apps/browser/src/tools/popup/send-v2/send-v2.component.html

@@ -22,7 +22,9 @@
   >
     <bit-no-items [icon]="noItemIcon" class="tw-text-main">
       <ng-container slot="title">{{ "sendsTitleNoItems" | i18n }}</ng-container>
-      <ng-container slot="description">{{ "sendsBodyNoItems" | i18n }}</ng-container>
+      <ng-container slot="description">
+        <p bitTypography="body2" class="tw-mx-6 tw-mt-2">{{ "sendsBodyNoItems" | i18n }}</p>
+      </ng-container>
       <tools-new-send-dropdown
         [hideIcon]="true"
         *ngIf="!sendsDisabled"

apps/browser/src/tools/popup/send-v2/send-v2.component.ts

@@ -10,7 +10,12 @@ import { PolicyType } from "@bitwarden/common/admin-console/enums";
 import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
 import { getUserId } from "@bitwarden/common/auth/services/account.service";
 import { SendType } from "@bitwarden/common/tools/send/enums/send-type";
-import { ButtonModule, CalloutModule, NoItemsModule } from "@bitwarden/components";
+import {
+  ButtonModule,
+  CalloutModule,
+  NoItemsModule,
+  TypographyModule,
+} from "@bitwarden/components";
 import {
   NewSendDropdownComponent,
   SendItemsService,
@@ -48,6 +53,7 @@ export enum SendState {
     SendListItemsContainerComponent,
     SendListFiltersComponent,
     SendSearchComponent,
+    TypographyModule,
   ],
 })
 export class SendV2Component implements OnDestroy {

libs/tools/send/send-ui/src/new-send-dropdown/new-send-dropdown.component.html

@@ -1,10 +1,4 @@
-<button
+<button bitButton [bitMenuTriggerFor]="itemOptions" [buttonType]="buttonType" type="button">
-  bitButton
-  size="small"
-  [bitMenuTriggerFor]="itemOptions"
-  [buttonType]="buttonType"
-  type="button"
->
   <i *ngIf="!hideIcon" class="bwi bwi-plus" aria-hidden="true"></i>
   {{ (hideIcon ? "createSend" : "new") | i18n }}
 </button>