diff --git a/ui/src/component/Container.js b/ui/src/component/Container.js
index 0394609..e699882 100644
--- a/ui/src/component/Container.js
+++ b/ui/src/component/Container.js
@@ -13,12 +13,13 @@ class Container extends Component {
     static propTypes = {
         classes: PropTypes.object.isRequired,
         children: PropTypes.node,
+        style: PropTypes.object,
     };
 
     render() {
-        const {classes, children} = this.props;
+        const {classes, children, style} = this.props;
         return (
-            <Paper elevation={6} className={classes.paper}>
+            <Paper elevation={6} className={classes.paper} style={style}>
                 {children}
             </Paper>
         );
diff --git a/ui/src/component/Message.js b/ui/src/component/Message.js
index 521359d..fce95e1 100644
--- a/ui/src/component/Message.js
+++ b/ui/src/component/Message.js
@@ -18,34 +18,47 @@ const styles = () => ({
         marginTop: -15,
         marginRight: -15,
     },
+    messageContentWrapper: {
+        width: '100%',
+    },
+    image: {
+        marginRight: 15,
+    },
+    imageWrapper: {
+        display: 'flex',
+    },
 });
 
 class Message extends Component {
     static propTypes = {
         classes: PropTypes.object.isRequired,
         title: PropTypes.string.isRequired,
+        image: PropTypes.string.isRequired,
         date: PropTypes.string.isRequired,
         content: PropTypes.string.isRequired,
         fDelete: PropTypes.func.isRequired,
     };
 
     render() {
-        const {fDelete, classes, title, date, content} = this.props;
+        const {fDelete, classes, title, date, content, image} = this.props;
 
         return (
-            <Container>
-                <div className={classes.header}>
-                    <Typography className={classes.headerTitle} variant="headline">
-                        {title}
-                    </Typography>
-                    <Typography variant="body1">
-                        <TimeAgo date={date}/>
-                    </Typography>
-                    <IconButton onClick={fDelete} className={classes.trash}><Delete/></IconButton>
+            <Container style={{display: 'flex'}}>
+                <div className={classes.imageWrapper}>
+                    <img src={image} alt="app logo" width="70" height="70" className={classes.image}/>
+                </div>
+                <div className={classes.messageContentWrapper}>
+                    <div className={classes.header}>
+                        <Typography className={classes.headerTitle} variant="headline">
+                            {title}
+                        </Typography>
+                        <Typography variant="body1">
+                            <TimeAgo date={date}/>
+                        </Typography>
+                        <IconButton onClick={fDelete} className={classes.trash}><Delete/></IconButton>
+                    </div>
+                    <Typography component="p">{content}</Typography>
                 </div>
-                <Typography component="p">
-                    {content}
-                </Typography>
             </Container>
         );
     }
diff --git a/ui/src/pages/Messages.js b/ui/src/pages/Messages.js
index 7d3d7fb..484c933 100644
--- a/ui/src/pages/Messages.js
+++ b/ui/src/pages/Messages.js
@@ -59,7 +59,7 @@ class Messages extends Component {
                     return (
                         <Grid item xs={12} key={message.id}>
                             <Message fDelete={() => MessageAction.deleteMessage(message.id)} title={message.title}
-                                     date={message.date} content={message.message}/>
+                                     date={message.date} content={message.message} image={message.image}/>
                         </Grid>
                     );
                 })}