diff --git a/ui/src/components/avatar/index.js b/ui/src/components/avatar/index.js
index a2b26d46..4d6f48b7 100644
--- a/ui/src/components/avatar/index.js
+++ b/ui/src/components/avatar/index.js
@@ -6,7 +6,7 @@ const styles = require('./style.css');
 
 const Avatar = ({
   color,
-  image,
+  src,
   name,
   className,
   style
@@ -23,12 +23,12 @@ const Avatar = ({
   };
 
   const fill = () => {
-    if ( image ) {
+    if ( src ) {
       return (
         <img
           alt={name}
           className={styles.picture}
-          src={image}
+          src={src}
           style={style}
         />
       );
@@ -55,8 +55,8 @@ const Avatar = ({
 Avatar.propTypes = {
   className: React.PropTypes.string,
   color: React.PropTypes.string,
-  image: React.PropTypes.string,
   name: React.PropTypes.string,
+  src: React.PropTypes.string,
   style: React.PropTypes.object
 };
 
diff --git a/ui/src/components/avatar/readme.md b/ui/src/components/avatar/readme.md
index 38f58712..13c2ad83 100644
--- a/ui/src/components/avatar/readme.md
+++ b/ui/src/components/avatar/readme.md
@@ -19,7 +19,7 @@ nmodule.exports = ReactDOM.renderToString(
         <Avatar color='#35a8c0' name='Alex' />
       </Column>
       <Column>
-        <Avatar color='#ef6176' name='Alex' image='https://openclipart.org/image/2400px/svg_to_png/177482/ProfilePlaceholderSuit.png' />
+        <Avatar color='#ef6176' name='Alex' src='https://openclipart.org/image/2400px/svg_to_png/177482/ProfilePlaceholderSuit.png' />
       </Column>
     </Row>
   </Base>
@@ -35,7 +35,7 @@ const Avatar = require('ui/avatar');
 module.exports = () => {
   return (
     <Avatar color='#35a8c0' name='Alex' />
-    <Avatar color='#ef6176' name='Alex' image='path/to/image.png' />
+    <Avatar color='#ef6176' name='Alex' src='path/to/image.png' />
   );
 }
 ```