diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index 7e65528fc..b4c7047b9 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -69,6 +69,10 @@
     margin-top: 10px;
 }
 
+.view-all-content-btn{
+    float: right;
+}
+
 .flow-detail table {
     .monospace();
     width: 100%;
diff --git a/web/src/js/components/ContentView/ShowFullContentButton.jsx b/web/src/js/components/ContentView/ShowFullContentButton.jsx
index a0217d32b..17e61be46 100644
--- a/web/src/js/components/ContentView/ShowFullContentButton.jsx
+++ b/web/src/js/components/ContentView/ShowFullContentButton.jsx
@@ -14,7 +14,7 @@ ShowFullContentButton.propTypes = {
 function ShowFullContentButton ( {setShowFullContent, showFullContent} ){
 
     return (
-        !showFullContent && <Button isXs={true} onClick={() => setShowFullContent(true)} text="Show full content"/>
+        !showFullContent && <Button className="view-all-content-btn" isXs={true} onClick={() => setShowFullContent(true)} text="Show full content"/>
     )
 }
 
diff --git a/web/src/js/components/common/Button.jsx b/web/src/js/components/common/Button.jsx
index 0ac807826..d623974f7 100644
--- a/web/src/js/components/common/Button.jsx
+++ b/web/src/js/components/common/Button.jsx
@@ -7,9 +7,9 @@ Button.propTypes = {
     icon: PropTypes.string
 }
 
-export default function Button({ onClick, text, icon, disabled, isXs }) {
+export default function Button({ onClick, text, icon, disabled, isXs, className }) {
     return (
-        <div className={classnames('btn btn-default', { 'btn-xs': isXs})}
+        <div className={classnames(className, 'btn btn-default', { 'btn-xs': isXs})}
              onClick={onClick}
              disabled={disabled}>
             {icon && (<i className={"fa fa-fw " + icon}/> )}