diff --git a/app/ui/BillEditForm.tsx b/app/ui/BillEditForm.tsx
index 7f8278e..b51a138 100644
--- a/app/ui/BillEditForm.tsx
+++ b/app/ui/BillEditForm.tsx
@@ -211,7 +211,7 @@ export const BillEditForm: FC<BillEditFormProps> = ({ location, bill }) => {
                     {
                         hub3aText ?
                             <div className="form-control p-1">
-                                <label className="cursor-pointer label p-2 grow bg-white">
+                                <label className="label p-2 grow bg-white border border-gray-300 rounded-box justify-center">
                                     <Pdf417Barcode hub3aText={hub3aText} />
                                 </label>
                                 <p className="text-xs my-1">{t.rich('barcode-disclaimer', { br: () => <br /> })}</p>
diff --git a/app/ui/ViewBillCard.tsx b/app/ui/ViewBillCard.tsx
index 6bace88..905ef35 100644
--- a/app/ui/ViewBillCard.tsx
+++ b/app/ui/ViewBillCard.tsx
@@ -61,7 +61,7 @@ export const ViewBillCard:FC<ViewBillCardProps> = ({ location, bill }) => {
             {
                 hub3aText ?
                     <div className="form-control p-1">
-                        <label className="cursor-pointer label p-2 grow bg-white">
+                        <label className="cursor-pointer label p-2 grow bg-white justify-center">
                             <Pdf417Barcode hub3aText={hub3aText} />
                         </label>
                         <p className="text-xs my-1">{t.rich('barcode-disclaimer', { br: () => <br /> })}</p>