diff --git a/templates/file_list.html b/templates/file_list.html
index 44b6577..344c329 100644
--- a/templates/file_list.html
+++ b/templates/file_list.html
@@ -10,7 +10,7 @@
             <div class="col col-auto">
                 <div class="input-group">
                     {{CreateSelect( "noo", OPT.noo, ["Oldest", "Newest","A to Z", "Z to A"], "$('#offset').val(0)", "rounded-start py-1 my-1")|safe }}
-                    {{CreateSelect( "how_many", OPT.how_many, ["10", "25", "50", "75", "100", "150", "200", "500"], "", "rounded-end py-1 my-1" )|safe }}
+                    {{CreateSelect( "how_many", OPT.how_many|string, ["10", "25", "50", "75", "100", "150", "200", "500"], "", "rounded-end py-1 my-1" )|safe }}
                     <div class="mb-1 col my-auto d-flex justify-content-center">
                         {% set prv_disabled="" %}
                         {% if OPT.offset|int == 0 %}
diff --git a/templates/files.html b/templates/files.html
index 8c5a787..02a09c6 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -30,7 +30,7 @@
                 <div class="col col-auto">
                     <div class="input-group">
                     {{CreateSelect( "noo", OPT.noo, ["Oldest", "Newest","A to Z", "Z to A"], "$('#offset').val(0)", "rounded-start py-2")|safe }}
-                    {{CreateSelect( "how_many", OPT.how_many, ["10", "25", "50", "75", "100", "150", "200", "500"])|safe }}
+                    {{CreateSelect( "how_many", OPT.how_many|string, ["10", "25", "50", "75", "100", "150", "200", "500"])|safe }}
                     {% if OPT.folders %}
                         <input type="hidden" name="grouping" id="grouping" value="{{OPT.grouping}}">
                         {{CreateFoldersSelect( OPT.folders, "rounded-end" )|safe }}