center all content in no items content (#10431)

- firefox extension has default css that overrides the inheritance of align center

libs/components/src/no-items/no-items.component.html

@@ -1,12 +1,10 @@
-<div
-  class="tw-mx-auto tw-flex tw-flex-col tw-items-center tw-justify-center tw-pt-6 tw-text-center"
->
-  <div class="tw-max-w-sm">
+<div class="tw-mx-auto tw-flex tw-flex-col tw-items-center tw-justify-center tw-pt-6">
+  <div class="tw-max-w-sm tw-flex tw-flex-col tw-items-center">
     <bit-icon [icon]="icon" aria-hidden="true"></bit-icon>
-    <h3 class="tw-font-semibold">
+    <h3 class="tw-font-semibold tw-text-center">
       <ng-content select="[slot=title]"></ng-content>
     </h3>
-    <p>
+    <p class="tw-text-center">
       <ng-content select="[slot=description]"></ng-content>
     </p>
   </div>