diff --git a/src/app/App.tsx b/src/app/App.tsx
index 3c92eeb7..4a239e62 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -2598,12 +2598,16 @@ export function App({ store, draftStorage = null, initialStatusMessage }: AppPro
   );
   const customFoliagePrototypeList = useMemo(
     () =>
-      Object.values(editorState.document.foliagePrototypes).sort(
-        (left, right) =>
-          left.category.localeCompare(right.category) ||
-          left.label.localeCompare(right.label) ||
-          left.id.localeCompare(right.id)
-      ),
+      Object.values(editorState.document.foliagePrototypes)
+        .filter(
+          (prototype) => !BUNDLED_FOLIAGE_PROTOTYPE_IDS.has(prototype.id)
+        )
+        .sort(
+          (left, right) =>
+            left.category.localeCompare(right.category) ||
+            left.label.localeCompare(right.label) ||
+            left.id.localeCompare(right.id)
+        ),
     [editorState.document.foliagePrototypes]
   );
   const pathList = getScenePaths(editorState.document.paths);
diff --git a/src/app/app.css b/src/app/app.css
index ac2f6c2b..19439cb9 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -458,6 +458,18 @@ button:disabled {
   gap: 6px;
 }
 
+.foliage-prototype-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 260px;
+  overflow: auto;
+}
+
+.foliage-prototype-choice {
+  cursor: pointer;
+}
+
 .outliner-section {
   display: flex;
   flex-direction: column;