diff --git a/src/components/Bio.js b/src/components/Bio.js
index d2cdbc9..87173f0 100644
--- a/src/components/Bio.js
+++ b/src/components/Bio.js
@@ -10,8 +10,9 @@ import { rhythm } from '../utils/typography'
 class Bio extends React.Component {
   render() {
     return (
-      <p
+      <div
         style={{
+          display: 'flex',
           marginBottom: rhythm(2.5),
         }}
       >
@@ -19,19 +20,20 @@ class Bio extends React.Component {
           src={profilePic}
           alt={`Kyle Mathews`}
           style={{
-            float: 'left',
-            marginRight: rhythm(1 / 4),
+            marginRight: rhythm(1 / 2),
             marginBottom: 0,
             width: rhythm(2),
             height: rhythm(2),
           }}
         />
-        Written by <strong>Kyle Mathews</strong> who lives and works in San
-        Francisco building useful things.{' '}
-        <a href="https://twitter.com/kylemathews">
-          You should follow him on Twitter
-        </a>
-      </p>
+        <p>
+          Written by <strong>Kyle Mathews</strong> who lives and works in San
+          Francisco building useful things.{' '}
+          <a href="https://twitter.com/kylemathews">
+            You should follow him on Twitter
+          </a>
+        </p>
+      </div>
     )
   }
 }