diff --git a/templates/blog/index.html b/templates/blog/index.html
index 0e392677..b0a26b8e 100644
--- a/templates/blog/index.html
+++ b/templates/blog/index.html
@@ -44,7 +44,7 @@
     </style>
   </head>
   <body>
-    <div class="mdl-layout mdl-js-layout has-drawer is-upgraded">
+    <div class="demo-blog mdl-layout mdl-js-layout has-drawer is-upgraded">
       <header class="mdl-layout__header mdl-layout__header--scroll mdl-layout__header--transparent is-casting-shadow mdl-color-text--white">
       </header>
       <main class="mdl-layout__content mdl-grid">
@@ -66,7 +66,7 @@
             <img src="images/logo.svg" width>
             +1,337
           </div>
-          <div class="mdl-card__supporting-text meta mdl-color-text--grey-600">
+          <div class="mdl-card__supporting-text meta meta--fill mdl-color-text--grey-600">
             <div>
               <strong>The Newist</strong>
             </div>
diff --git a/templates/blog/styles.css b/templates/blog/styles.css
index a626dd94..dfd6d57d 100644
--- a/templates/blog/styles.css
+++ b/templates/blog/styles.css
@@ -92,7 +92,7 @@ main.mdl-layout__content {
   padding: 16px;
   display: flex;
   flex-direction: row;
-  align-items: center !important;
+  align-items: center ;
   justify-content: flex-start;
   height: auto;
 }
@@ -104,7 +104,7 @@ main.mdl-layout__content {
   font-size: 2em;
   cursor: pointer;
 }
-.mdl-card:nth-child(2n) .meta {
+.demo-blog .mdl-card .meta.meta--fill {
   justify-content: space-between;
 }
 .meta > *:first-child {
