diff --git a/packages/diffhtml-website/components/layout.js b/packages/diffhtml-website/components/layout.js
index 5089c5e6..2abb2fb2 100644
--- a/packages/diffhtml-website/components/layout.js
+++ b/packages/diffhtml-website/components/layout.js
@@ -39,7 +39,7 @@ module.exports = ({ path, page, pages, content }) => html`
         <div class="open-menu">≡</div>
         <header>
           <h1>
-            <a href="/"><img width="120" src="./images/diffhtml-logo.png"></a>
+            <a href="/"><img width="120" height="41" src="./images/diffhtml-logo-fit.png"></a>
             <div>
               <p class="name">diffHTML</p><sub>v${version}</sub>
               <p>An easy-to-use Virtual DOM built for the web!</p>
diff --git a/packages/diffhtml-website/pages/index.md b/packages/diffhtml-website/pages/index.md
index b2523de1..2ccc80c3 100644
--- a/packages/diffhtml-website/pages/index.md
+++ b/packages/diffhtml-website/pages/index.md
@@ -37,7 +37,7 @@ side applications and tools like webpack, browserify, and rollup.
 
 <div id="install"></div>
 
-* <svg viewBox="0 0 18 7" width="40" style="position: relative; top: 2px;">
+* <svg viewBox="0 0 18 7" width="40" height="15" style="position: relative; top: 2px;">
     <path fill="#CB3837" d="M0,0v6h5v1h4v-1h9v-6"></path>
     <path fill="#FFF" d="M1,1v4h2v-3h1v3h1v-4h1v5h2v-4h1v2h-1v1h2v-4h1v4h2v-3h1v3h1v-3h1v3h1v-4"></path>
   </svg>
@@ -46,7 +46,7 @@ side applications and tools like webpack, browserify, and rollup.
   npm install --save diffhtml
   ```
 
-* <img width="60" src="images/yarn-logo.svg">
+* <img width="60" height="27" src="images/yarn-logo.svg">
 
   ``` sh
   yarn add diffhtml
diff --git a/packages/diffhtml-website/public/images/diffhtml-logo-fit.png b/packages/diffhtml-website/public/images/diffhtml-logo-fit.png
new file mode 100644
index 00000000..21274be3
Binary files /dev/null and b/packages/diffhtml-website/public/images/diffhtml-logo-fit.png differ