diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index ec2585e8c0bb8188184ed1e0703c4c8f2a8419b0..0000000000000000000000000000000000000000
--- a/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
diff --git a/src/index.tsx b/src/index.tsx
index b01178e563e6365cb856618a61300b31e20245b7..0fccccb0ddf325834eeac345df5804ae6cae64ef 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,13 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { IntlProvider } from 'react-intl';
+import CssBaseline from '@material-ui/core/CssBaseline';
 import MESSAGES_EN from './intl/en.json';
-import './index.css';
 import { App } from './App';
 
 ReactDOM.render(
   <React.StrictMode>
     <IntlProvider locale="en" messages={MESSAGES_EN}>
+      <CssBaseline />
       <App />
     </IntlProvider>
     ,