diff --git a/public/less/admin/appearance/themes.less b/public/less/admin/appearance/themes.less
index 1216c4a9ca..4fed5205b2 100644
--- a/public/less/admin/appearance/themes.less
+++ b/public/less/admin/appearance/themes.less
@@ -30,6 +30,8 @@
 
 	.theme-card {
 		margin-bottom: 30px;
+		margin-left: auto;
+		margin-right: auto;
 
 		.mdl-card__title {
 			height: 223px;
diff --git a/src/views/admin/partials/theme_list.tpl b/src/views/admin/partials/theme_list.tpl
index cee02b6874..c6ff1da5d0 100644
--- a/src/views/admin/partials/theme_list.tpl
+++ b/src/views/admin/partials/theme_list.tpl
@@ -1,5 +1,5 @@
 <!-- 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="col-lg-4 col-md-6 col-sm-12 col-xs-12" 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}');"></div>
 		<div class="mdl-card__supporting-text">