fix: Style of paper template address

packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoicePaperTemplate.module.scss

@@ -37,16 +37,9 @@
 }
 
 .addressRoot{
-  display: flex;
-  flex-direction: row;
-}
-
-.addressBillTo{
-  flex: 1;
-}
-
-.addressFrom{
-  flex: 1;
+  > div{
+    flex: 1;
+  }
 }
 
 .table {

packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoicePaperTemplate.tsx

@@ -207,7 +207,7 @@ export function InvoicePaperTemplate({
           )}
         </PaperTemplate.TermsList>
 
-        <Group spacing={10}>
+        <PaperTemplate.AddressesGroup>
           {showBilledFromAddress && (
             <PaperTemplate.Address
               items={[<strong>{companyName}</strong>, ...billedFromAddres]}
@@ -218,7 +218,7 @@ export function InvoicePaperTemplate({
               items={[<strong>{billedToLabel}</strong>, ...billedToAddress]}
             />
           )}
-        </Group>
+        </PaperTemplate.AddressesGroup>
 
         <Stack spacing={0}>
           <PaperTemplate.Table

packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/PaperTemplate.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import clsx from 'classnames';
 import { get } from 'lodash';
-import { Stack } from '@/components';
+import { Group, GroupProps, Stack } from '@/components';
 import styles from './InvoicePaperTemplate.module.scss';
 
 export interface PaperTemplateProps {
@@ -119,6 +119,9 @@ PaperTemplate.MutedText = () => {};
 
 PaperTemplate.Text = () => {};
 
+PaperTemplate.AddressesGroup = (props: GroupProps) => {
+  return <Group spacing={10} {...props} className={styles.addressRoot} />
+}
 PaperTemplate.Address = ({
   items,
 }: {