diff --git a/test/unit/components/UI/Message.spec.js b/test/unit/components/UI/Message.spec.js
new file mode 100644
index 00000000..c0792070
--- /dev/null
+++ b/test/unit/components/UI/Message.spec.js
@@ -0,0 +1,11 @@
+import React from 'react'
+import { shallow } from 'enzyme'
+import toJSON from 'enzyme-to-json'
+import { Message } from 'components/UI'
+
+describe('component.UI.Message', () => {
+  it('should render correctly with default props', () => {
+    const wrapper = shallow(<Message>A message</Message>)
+    expect(toJSON(wrapper)).toMatchSnapshot()
+  })
+})
diff --git a/test/unit/components/UI/__snapshots__/Message.spec.js.snap b/test/unit/components/UI/__snapshots__/Message.spec.js.snap
new file mode 100644
index 00000000..5e5a9465
--- /dev/null
+++ b/test/unit/components/UI/__snapshots__/Message.spec.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component.UI.Message should render correctly with default props 1`] = `
+<Styled(Styled(styled.div))
+  alignItems="center"
+>
+  <styled.div
+    mr={1}
+  />
+  <Styled(styled.div)
+    fontSize="s"
+    fontWeight="normal"
+  >
+    A message
+  </Styled(styled.div)>
+</Styled(Styled(styled.div))>
+`;