diff --git a/src/custom-components/ReorderableList.tsx b/src/custom-components/ReorderableList.tsx
index d4e0556..4e8cc5a 100644
--- a/src/custom-components/ReorderableList.tsx
+++ b/src/custom-components/ReorderableList.tsx
@@ -1,4 +1,4 @@
-import { Fragment, JSXElementConstructor, ReactElement, useState } from "react";
+import { Fragment, JSXElementConstructor, ReactElement, useEffect, useState } from "react";
 import { Field, FieldProps, Focusable, GamepadButton } from "../deck-components";
 
 export type ReorderableEntry<T> = {
@@ -23,6 +23,10 @@ export function ReorderableList<T>(props: ListProps<T>) {
   const [entryList, setEntryList] = useState<ReorderableEntry<T>[]>(props.entries.sort((a:ReorderableEntry<T>, b:ReorderableEntry<T>) => a.position - b.position));
   const [reorderEnabled, setReorderEnabled] = useState<boolean>(false);
 
+  useEffect(() => {
+    setEntryList(props.entries.sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position));
+  }, [props.entries]);
+
   function toggleReorderEnabled(): void {
     let newReorderValue = !reorderEnabled;
     setReorderEnabled(newReorderValue);