diff --git a/app/templates/src/app/_angular-material/__angular-material-index.css b/app/templates/src/app/_angular-material/__angular-material-index.css
index 6b5ac995..c5fe15a8 100644
--- a/app/templates/src/app/_angular-material/__angular-material-index.css
+++ b/app/templates/src/app/_angular-material/__angular-material-index.css
@@ -15,14 +15,6 @@ html {
   padding: 0.2em 0;
 }
 
-.thumbnail {
-  height: 200px;
-}
-
-.thumbnail img.pull-right {
-  width: 50px;
-}
-
 md-toolbar.md-default-theme {
   background-color: black;
 }
@@ -51,5 +43,5 @@ section.jumbotron h1 {
 
 .techs md-card img.pull-right {
   float: right;
-  width: 50px;
+  width: 100px;
 }
diff --git a/app/templates/src/app/_angular-material/__angular-material-index.less b/app/templates/src/app/_angular-material/__angular-material-index.less
index 2efcfd17..de914c3f 100644
--- a/app/templates/src/app/_angular-material/__angular-material-index.less
+++ b/app/templates/src/app/_angular-material/__angular-material-index.less
@@ -22,14 +22,6 @@ html {
   padding: 0.2em 0;
 }
 
-.thumbnail {
-  height: 200px;
-
-  img.pull-right {
-    width: 50px;
-  }
-}
-
 md-toolbar.md-default-theme {
   background-color: black;
 }
@@ -56,7 +48,7 @@ section.jumbotron {
 
     img.pull-right {
       float: right;
-      width: 50px;
+      width: 100px;
     }
   }
 }
diff --git a/app/templates/src/app/_angular-material/__angular-material-index.scss b/app/templates/src/app/_angular-material/__angular-material-index.scss
index 17316690..d6adee9e 100644
--- a/app/templates/src/app/_angular-material/__angular-material-index.scss
+++ b/app/templates/src/app/_angular-material/__angular-material-index.scss
@@ -22,14 +22,6 @@ html {
   padding: 0.2em 0;
 }
 
-.thumbnail {
-  height: 200px;
-
-  img.pull-right {
-    width: 50px;
-  }
-}
-
 md-toolbar.md-default-theme {
   background-color: black;
 }
@@ -56,7 +48,7 @@ section.jumbotron {
 
     img.pull-right {
       float: right;
-      width: 50px;
+      width: 100px;
     }
   }
 }
diff --git a/app/templates/src/app/_angular-material/__angular-material-index.styl b/app/templates/src/app/_angular-material/__angular-material-index.styl
index f4599cf1..2e600b5e 100644
--- a/app/templates/src/app/_angular-material/__angular-material-index.styl
+++ b/app/templates/src/app/_angular-material/__angular-material-index.styl
@@ -19,12 +19,6 @@ html
   color #000
   padding 0.2em 0
 
-.thumbnail
-  height 200px
-  img
-    &.pull-right
-      width 50px
-
 md-toolbar
   &.md-default-theme
     background-color black
@@ -47,7 +41,7 @@ section
     img
       &.pull-right
         float right
-        width 50px
+        width 100px
 
 /**
  *  Do not remove the comments below. It's the markers used by gulp-inject to inject
diff --git a/app/templates/src/app/main/__angular-material.html b/app/templates/src/app/main/__angular-material.html
index 7304be4e..cc9e7db2 100644
--- a/app/templates/src/app/main/__angular-material.html
+++ b/app/templates/src/app/main/__angular-material.html
@@ -19,13 +19,13 @@ <h1>'Allo, 'Allo!</h1>
 
     <div class="techs" layout-align="center">
       <md-card ng-repeat="awesomeThing in main.awesomeThings | orderBy:'rank'">
-        <div class="thumbnail">
+        <md-card-content>
           <img class="pull-right" ng-src="assets/images/{{ awesomeThing.logo }}" alt="{{ awesomeThing.title }}">
-          <div class="caption">
-            <h3>{{ awesomeThing.title }}</h3>
-            <p>{{ awesomeThing.description }}</p>
-            <p><a ng-href="{{ awesomeThing.url }}">{{ awesomeThing.url }}</a></p>
-          </div>
+          <h3 class="md-title">{{ awesomeThing.title }}</h3>
+          <p>{{ awesomeThing.description }}</p>
+        </md-card-content>
+        <div class="md-action-buttons">
+          <md-button ng-href="{{ awesomeThing.url }}">Website</md-button>
         </div>
       </md-card>
     </div>