diff --git a/js/catalog.js b/js/catalog.js
index 065fba7b..59b57f6c 100644
--- a/js/catalog.js
+++ b/js/catalog.js
@@ -17,6 +17,7 @@ if (active_page == 'catalog') $(function(){
 		var value = this.value, old;
 		$(".grid-li").removeClass("grid-size-vsmall");
 		$(".grid-li").removeClass("grid-size-small");
+		$(".grid-li").removeClass("grid-size-medium");
 		$(".grid-li").removeClass("grid-size-large");
 		$(".grid-li").addClass("grid-size-"+value);
 		catalog.image_size = value;
diff --git a/stylesheets/style.css b/stylesheets/style.css
index ac9281a5..af8a3d8b 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -778,6 +778,16 @@ pre {
   max-height: 192px;
 }
 
+.theme-catalog div.grid-size-medium img {
+  max-height: 33%;
+  max-width: 95%
+}
+
+.theme-catalog div.grid-size-medium {
+  min-width:200px; max-width: 200px;
+  max-height: 274px;
+}
+
 .theme-catalog div.grid-size-large img {
   max-height: 40%;
   max-width: 95%
diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index 903bd619..ea89e188 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -32,6 +32,7 @@
         <select id="image_size" style="display: inline-block">
                 <option value="vsmall">{% trans 'Very small' %}</option>
                 <option selected value="small">{% trans 'Small' %}</option>
+                <option value="medium">{% trans 'Medium' %}</option>
                 <option value="large">{% trans 'Large' %}</option>
         </select>
         <div class="threads">