Darren

There was an SSR issue with bodymovin. I believe this commit fixed it. https://github.com/decentfox/lottie-web/commit/85434e349d77a47fa65313fa9d06475ecb829464

Sorry, thought that was merged into master. This is the issue I faced. https://github.com/airbnb/lottie-web/issues/440#issuecomment-338057030

I find the documentation on the github README confusing as well.

I found that it renders an hr but the default styles hide it. ```css .catalog-18yq8b2-hr-Styled { border: none; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0; height: 0; } ```

Gatsby used to do this as well when it was pre 1.0. Catalog is pretty easy to use right now, but this would be a nice improvement.

Is there a way to turn off this margin and max-width: 100% in the config? I could only see setting this globally for all images in blogs. On other sites...

Well !important isn't necessary if TypographyStyle is declared before other styles. I swear before the typography style was overriding my webpack loaded styles. But able to reproduce now.