diff --git a/web/src/Sidebar.jsx b/web/src/Sidebar.jsx
index 1e6c4d28b..5ccbc94c0 100644
--- a/web/src/Sidebar.jsx
+++ b/web/src/Sidebar.jsx
@@ -33,7 +33,7 @@ export default function Sidebar() {
           matches ? (
             <Fragment>
               <Separator />
-              {cameras.filter(([cam, conf]) => conf.gui.show).map(([camera, conf]) => {
+              {cameras.filter(([cam, conf]) => conf.gui.show).sort(([aCam, aConf], [bCam, bConf]) => aConf.gui.order === bConf.gui.order ? 0 : (aConf.gui.order > bConf.gui.order ? 1 : -1)).map(([camera, conf]) => {
                 if (conf.record.enabled) {
                   return (
                     <Destination