From bfe3ed7cee0f31a081fc75bbeefeb8d0388f0984 Mon Sep 17 00:00:00 2001
From: lingdocs <71590811+lingdocs@users.noreply.github.com>
Date: Sat, 11 Jun 2022 11:29:35 -0400
Subject: [PATCH] fix block label issue?

---
 package.json                    |  2 +-
 src/components/blocks/Block.tsx | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 7050468..98e9207 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lingdocs/pashto-inflector",
-  "version": "2.8.3",
+  "version": "2.8.4",
   "author": "lingdocs.com",
   "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
   "homepage": "https://verbs.lingdocs.com",
diff --git a/src/components/blocks/Block.tsx b/src/components/blocks/Block.tsx
index fbf421f..c3cc444 100644
--- a/src/components/blocks/Block.tsx
+++ b/src/components/blocks/Block.tsx
@@ -38,7 +38,7 @@ export default Block;
 function NUBlock({ opts }: {
     opts: T.TextOptions,
 }) {
-    return <div>
+    return <div className="text-center">
         <div
             className={classNames("d-flex flex-row justify-content-center align-items-center")}
             style={{
@@ -58,7 +58,7 @@ function EquativeBlock({ opts, eq }: {
     opts: T.TextOptions,
     eq: T.EquativeRendered,
 }) {
-    return <div>
+    return <div className="text-center">
         <div
             className={classNames("d-flex flex-row justify-content-center align-items-center")}
             style={{
@@ -93,7 +93,7 @@ function EqCompBlock({ opts, comp }: {
         opts: T.TextOptions,
         adj: T.Rendered<T.AdjectiveSelection>,
     }) {
-        return <div>
+        return <div className="text-center">
             <div
                 className={classNames("d-flex flex-row justify-content-center align-items-center")}
                 style={{
@@ -113,7 +113,7 @@ function EqCompBlock({ opts, comp }: {
         opts: T.TextOptions,
         adv: T.Rendered<T.LocativeAdverbSelection>,
     }) {
-        return <div>
+        return <div className="text-center">
             <div
                 className={classNames("d-flex flex-row justify-content-center align-items-center")}
                 style={{
@@ -150,7 +150,7 @@ export function APBlock({ opts, children, english }: {
 }) {
     const ap = children;
     if (ap.selection.type === "adverb") {
-        return <div>
+        return <div className="text-center">
             <div
                 className={classNames("d-flex flex-row justify-content-center align-items-center")}
                 style={{
@@ -181,7 +181,7 @@ function Sandwich({ opts, sandwich }: {
     opts: T.TextOptions,
     sandwich: T.Rendered<T.SandwichSelection<T.Sandwich>>,
 }) {
-    return <div>
+    return <div className="text-center">
         <div className="text-center">Sandwich 🥪</div>
         <div
             className={classNames("d-flex flex-row justify-content-center align-items-center")}
@@ -211,7 +211,7 @@ export function NPBlock({ opts, children, inside, english }: {
 }) {
     const np = children;
     const hasPossesor = !!(np.selection.type !== "pronoun" && np.selection.possesor && !np.selection.possesor.shrunken);
-    return <div>
+    return <div className="text-center">
         <div
             className={classNames("d-flex flex-row justify-content-center align-items-center", { "pt-2": !inside && hasPossesor })}
             style={{