diff --git a/client/src/components/Message.js b/client/src/components/Message.js
index 2e1c086..f0aaba8 100644
--- a/client/src/components/Message.js
+++ b/client/src/components/Message.js
@@ -1,10 +1,11 @@
+import { Typography } from '@material-ui/core'
 import React from 'react'
 
 function Message(props) {
     return (
         <div className="message">
             <div className="message-username">{props.username}</div>
-            <div className="message-text">{props.text}</div>
+            <Typography className="message-text">{props.text}</Typography>
         </div>
     )
 }