diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css
index d107733e..106ee3c1 100644
--- a/templates/2k11/admin/style.css
+++ b/templates/2k11/admin/style.css
@@ -1233,6 +1233,12 @@ main {
     max-width: 40em;
 }
 
+.template_preview_img {
+    max-width: 400px;
+    height: auto;
+    max-height: 248px;
+}
+
 
 /* HEADER
    ----------------------------------------------------------------- */
diff --git a/templates/2k11/admin/templates.inc.tpl b/templates/2k11/admin/templates.inc.tpl
index 48aaffa5..b1e9e233 100644
--- a/templates/2k11/admin/templates.inc.tpl
+++ b/templates/2k11/admin/templates.inc.tpl
@@ -35,7 +35,7 @@
                 {if $cur_tpl.fullsize_preview || $cur_tpl.preview}
                     {if $cur_tpl.fullsize_preview}
                         <a href="{$cur_tpl.fullsize_preview}">
-                            <img src="{$cur_tpl.fullsize_preview}" width="400" style="max-height: 250px;" alt="{$CONST.PREVIEW}" >
+                            <img src="{$cur_tpl.fullsize_preview}" class="template_preview_img" alt="{$CONST.PREVIEW}" >
                         </a>
                     {else}
                         <img src="{$cur_tpl.preview}" alt="{$CONST.PREVIEW}" >
@@ -72,7 +72,7 @@
                         {if $info.fullsize_preview || $info.preview}
                             {if $info.fullsize_preview}
                                 <a href="{$info.fullsize_preview}">
-                                    <img src="{$info.fullsize_preview}" width="400" style="max-height: 250px;" alt="{$CONST.PREVIEW}" >
+                                    <img src="{$info.fullsize_preview}" class="template_preview_img" alt="{$CONST.PREVIEW}" >
                                 </a>
                             {else}
                                 <img src="{$info.preview}" alt="{$CONST.PREVIEW}" >