diff --git a/.storybook/test-data.js b/.storybook/test-data.js
index dbb264321..28c5c15c8 100644
--- a/.storybook/test-data.js
+++ b/.storybook/test-data.js
@@ -1278,10 +1278,9 @@ const state = {
       balance: '0x0',
       details: null,
     },
-    stage: 'ADD_RECIPIENT',
-    amount: '3782dace9d900000',
-    gas: {
-      price: null,
+    gas: { error: 'gas' },
+    amount: {
+      error: 'amount',
     },
   },
   confirmTransaction: {
diff --git a/ui/pages/send/send-content/send-hex-data-row/send-hex-data-row.stories.js b/ui/pages/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
new file mode 100644
index 000000000..1976ddea0
--- /dev/null
+++ b/ui/pages/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { boolean } from '@storybook/addon-knobs';
+import SendHexDataRow from './send-hex-data-row.component';
+
+export default {
+  title: 'SendHexDataRow',
+  id: __filename,
+};
+
+export const SendHexDataRowComponent = () => {
+  return (
+    <div style={{ width: 450 }}>
+      <SendHexDataRow
+        inError={boolean('In Error', false)}
+        updateSendHexData={() => null}
+      />
+    </div>
+  );
+};