diff --git a/shyftBlockExplorerUI/src/components/home/home.css b/shyftBlockExplorerUI/src/components/home/home.css
index 06420f294f..bdecf66946 100644
--- a/shyftBlockExplorerUI/src/components/home/home.css
+++ b/shyftBlockExplorerUI/src/components/home/home.css
@@ -9,6 +9,23 @@
     box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
 }
 
+.Greeting {
+    display: block;
+}
+
 .Transactions {
+    display: inline-block;
     font-size: 1rem;
-}
\ No newline at end of file
+    margin-right: 5px;
+}
+
+.BlockButton {
+    background-color: darkorange;
+    border-color: darkorange;
+}
+
+.Blocks {
+    display: inline-block;
+    font-size: 1rem;
+}
+
diff --git a/shyftBlockExplorerUI/src/components/home/home.js b/shyftBlockExplorerUI/src/components/home/home.js
index 3b8415b9f6..dda95003e9 100644
--- a/shyftBlockExplorerUI/src/components/home/home.js
+++ b/shyftBlockExplorerUI/src/components/home/home.js
@@ -4,14 +4,15 @@ import { Link } from 'react-router-dom'
 
 const home = props => {
 
+    const combinedClasses = ["btn", "btn-primary", classes.BlockButton]
     return (
        <div className={classes.Home}>
-            <span>THIS IS A WIP</span>
+            <span className={classes.Greeting}>THIS IS A WIP</span>
            <div className={classes.Transactions}>
-               <Link to="/transactions"><button>Transactions</button></Link>
+               <Link to="/transactions"><button className="btn btn-primary">Transactions</button></Link>
            </div>
-           <div className={classes.Transactions}>
-               <Link to="/blocks"><button>Blocks</button></Link>
+           <div className={classes.Blocks}>
+               <Link to="/blocks"><button className={combinedClasses.join(" ")}>Blocks</button></Link>
            </div>
        </div>
     );