diff --git a/src/webparts/cherryPickedContent/CherryPickedContentWebPart.ts b/src/webparts/cherryPickedContent/CherryPickedContentWebPart.ts
index 6cc12a5cb..220254ea4 100644
--- a/src/webparts/cherryPickedContent/CherryPickedContentWebPart.ts
+++ b/src/webparts/cherryPickedContent/CherryPickedContentWebPart.ts
@@ -147,7 +147,10 @@ export default class CherryPickedContentWebPart extends BaseClientSideWebPart<IC
         .then((files): void => {
           if (files.length) {
             // store items
-            this.libraryItemsList = files.map(file => { return { key: file.Name, text: file.Name }; });
+            this.libraryItemsList = files.map(file => file.FileLeafRef)
+              .filter(rf => rf.match(/\.(htm?l|txt)$/i))
+              .sort()
+              .map(name => ({ key: name, text: name }));
             // enable item selector
             this.itemsDropdownDisabled = false;
             // refresh the item selector control by repainting the property pane