diff --git a/js/component/file-unavailable-message.js b/js/component/file-unavailable-message.js
new file mode 100644
index 000000000..29cf76de7
--- /dev/null
+++ b/js/component/file-unavailable-message.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import {Link, ToolTipLink} from '../component/link.js';
+
+const FileUnavailableMessage = React.createClass({
+  _unavailableMessage: "The content on LBRY is hosted by its users. It appears there are no users " +
+                       "connected that have this file at the moment.",
+  propTypes: {
+    onShowActionsClicked: React.PropTypes.func,
+  },
+  render: function() {
+    return (
+      <div className="file-unavailable-message">
+        <span className="empty">This file is not currently available.</span> { ' ' }
+        <ToolTipLink label="Why?" tooltip={this._unavailableMessage} className="not-available-tooltip-link" /> { ' ' }
+        {'onShowActionsClicked' in this.props
+          ? <Link label="Try Anyway" className="button-text" onClick={this.props.onShowActionsClicked} />
+          : null}
+      </div>
+    );
+  }
+});
+
+export default FileUnavailableMessage;
diff --git a/scss/component/_file-unavailable-message.scss b/scss/component/_file-unavailable-message.scss
new file mode 100644
index 000000000..d2f062a64
--- /dev/null
+++ b/scss/component/_file-unavailable-message.scss
@@ -0,0 +1,13 @@
+.file-unavailable-message {
+  font-size: 14px;
+
+  .not-available-tooltip-link__tooltip { /* temporary */
+    left: -225px;
+  }
+
+  .not-available-tooltip-link__link {
+    @include text-link();
+    font-size: 14px;
+    vertical-align: baseline;
+  }
+}
\ No newline at end of file