diff --git a/components/RichBody.tsx b/components/RichBody.tsx
index 8bb65c0..bb9fa5d 100644
--- a/components/RichBody.tsx
+++ b/components/RichBody.tsx
@@ -51,6 +51,16 @@ export function RichBody(props: Props): ReactElement {
node.data.uri.indexOf('://oxen.io') >= 0
? node.data.uri.split('://oxen.io')[1]
: node.data.uri;
+ // Remove Google Docs styling
+ const renderChildren = Children.map(children, (child: any) => {
+ if (child.type === 'span' && child.props.className === 'underline') {
+ const newProps = {
+ ...child.props,
+ className: undefined,
+ };
+ return cloneElement(child, newProps);
+ }
+ });
return (
- {children}
+ {renderChildren}
);
@@ -166,7 +176,7 @@ export function RichBody(props: Props): ReactElement {
if (child.type === 'p') {
const newProps = {
...child.props,
- className: 'mb-3 font-sans tracking-wide text-justify',
+ className: 'mb-3 font-sans tracking-wide',
};
return cloneElement(child, newProps);
}