diff --git a/CHANGELOG.md b/CHANGELOG.md
index e94911dec7..03cbedcbed 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,7 @@
 #CHANGELOG
 
+##Version 0.3.1
+Fixed displayName issue
+
 ##Version 0.3.0
 Oppdatert til 0.5.x av ffe-icons
diff --git a/package.json b/package.json
index 4f7fa1849f..28f5f1e4ee 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ffe-message-box-react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "main": "lib/index.js",
   "scripts": {
     "build": "babel -d lib/. --ignore=*.test.js src/. && npm run example",
diff --git a/src/error-message-box.js b/src/error-message-box.js
index 89b68fe450..d9cd733c04 100644
--- a/src/error-message-box.js
+++ b/src/error-message-box.js
@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/utropstegn-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const ErrorMessage = ({ title, content, children }) => MessageBox({
     type: 'error',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
     content,
     children
-});
\ No newline at end of file
+});
+
+export default ErrorMessage;
diff --git a/src/index.js b/src/index.js
index 82ca243422..8d9629bdb1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,4 +8,4 @@ export {
     ErrorMessage,
     InfoMessage,
     TipsMessage
-};
\ No newline at end of file
+};
diff --git a/src/info-message-box.js b/src/info-message-box.js
index a0a6dd5820..3ee33df6f9 100644
--- a/src/info-message-box.js
+++ b/src/info-message-box.js
@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/info-sirkel-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const InfoMessage = ({ title, content, children }) => MessageBox({
     type: 'info',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
     content,
     children
-});
\ No newline at end of file
+});
+
+export default InfoMessage;
diff --git a/src/success-message-box.js b/src/success-message-box.js
index 1dec239736..d18dd06c8c 100644
--- a/src/success-message-box.js
+++ b/src/success-message-box.js
@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/hake-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const SuccessMessage = ({ title, content, children }) => MessageBox({
     type: 'success',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
-    content, 
+    content,
     children
-});
\ No newline at end of file
+});
+
+export default SuccessMessage;
diff --git a/src/tips-message-box.js b/src/tips-message-box.js
index 3971e429cf..7ff9d16404 100644
--- a/src/tips-message-box.js
+++ b/src/tips-message-box.js
@@ -2,15 +2,17 @@ import React from 'react';
 import Icon from 'ffe-icons-react/lyspare-ikon';
 import MessageBox from './message-box';
 
-const iconStyles = { 
-    width: '40px', 
+const iconStyles = {
+    width: '40px',
     height: '40px'
 };
 
-export default ({ title, content, children }) => MessageBox({
+const TipsMessage = ({ title, content, children }) => MessageBox({
     type: 'tips',
-    icon: <Icon style={ iconStyles } />,
+    icon: <Icon style={ iconStyles }/>,
     title,
     content,
     children
-});
\ No newline at end of file
+});
+
+export default TipsMessage;