From ab2c9a21954a5dbf2ae8f6ffc19de49251f89a79 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Thu, 12 Jul 2018 18:43:03 -0300
Subject: [PATCH] Turn on better font rendering

---
 src/core/client/stream/components/App.css | 14 ++++++++++++++
 src/core/client/stream/components/App.tsx |  4 +++-
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 src/core/client/stream/components/App.css

diff --git a/src/core/client/stream/components/App.css b/src/core/client/stream/components/App.css
new file mode 100644
index 000000000..68c4e29c4
--- /dev/null
+++ b/src/core/client/stream/components/App.css
@@ -0,0 +1,14 @@
+/* Here we add global stylings for body and document */
+:global {
+  body {
+    margin: "0";
+
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
+
+.root {
+}
diff --git a/src/core/client/stream/components/App.tsx b/src/core/client/stream/components/App.tsx
index 1dd3ce496..14659585a 100644
--- a/src/core/client/stream/components/App.tsx
+++ b/src/core/client/stream/components/App.tsx
@@ -5,6 +5,8 @@ import { Flex } from "talk-ui/components";
 
 import StreamContainer from "../containers/StreamContainer";
 
+import * as styles from "./App.css";
+
 export interface AppProps {
   asset: {} | null;
 }
@@ -12,7 +14,7 @@ export interface AppProps {
 const App: StatelessComponent<AppProps> = props => {
   if (props.asset) {
     return (
-      <Flex justifyContent="center">
+      <Flex justifyContent="center" className={styles.root}>
         <StreamContainer asset={props.asset} />
       </Flex>
     );