diff --git a/public/less/admin/appearance/themes.less b/public/less/admin/appearance/themes.less
index 132dd4c08d..041c8a0493 100644
--- a/public/less/admin/appearance/themes.less
+++ b/public/less/admin/appearance/themes.less
@@ -34,12 +34,10 @@
 		.mdl-card__title {
 			height: 223px;
 			background-size: contain;
+		}
 
-			.mdl-card__title-text {
-				background: rgba(0,0,0,0.65);
-				color: white;
-				padding: 5px 20px;
-			}
+		.mdl-card__supporting-text h2 {
+			margin-bottom: 15px;
 		}
 	}
 
diff --git a/src/views/admin/partials/theme_list.tpl b/src/views/admin/partials/theme_list.tpl
index ebc25cc21b..cee02b6874 100644
--- a/src/views/admin/partials/theme_list.tpl
+++ b/src/views/admin/partials/theme_list.tpl
@@ -1,10 +1,9 @@
 <!-- BEGIN themes -->
 <div class="col-xs-4" data-type="{themes.type}" data-theme="{themes.id}"<!-- IF themes.css --> data-css="{themes.css}"<!-- ENDIF themes.css -->>
 	<div class="theme-card mdl-card mdl-shadow--2dp">
-		<div class="mdl-card__title mdl-card--expand" style="background-image: url('{themes.screenshot_url}');">
-			<h2 class="mdl-card__title-text">{themes.name}</h2>
-		</div>
+		<div class="mdl-card__title mdl-card--expand" style="background-image: url('{themes.screenshot_url}');"></div>
 		<div class="mdl-card__supporting-text">
+			<h2 class="mdl-card__title-text">{themes.name}</h2>
 			<p>
 				{themes.description}
 			</p>