diff --git a/src/components/widgets/DockerUpdatesWidget.tsx b/src/components/widgets/DockerUpdatesWidget.tsx
index 3398597..2cf337e 100644
--- a/src/components/widgets/DockerUpdatesWidget.tsx
+++ b/src/components/widgets/DockerUpdatesWidget.tsx
@@ -43,8 +43,14 @@ export function DockerUpdatesWidget() {
       {error   && <div className="widget-error">⚠ {error}</div>}
 
       {!loading && !error && (
-        <div className="progress-group">
-          {containers.map(c => (
+        <div className="progress-group" style={{ maxHeight: '260px', overflowY: 'auto' }}>
+          {[...containers]
+            .sort((a, b) => {
+              const rank = (c: ContainerInfo) =>
+                c.upToDate === false ? 0 : c.upToDate === null ? 1 : 2
+              return rank(a) - rank(b)
+            })
+            .map(c => (
             <div key={c.name} className="list-item">
               <div className="list-item-left" style={{ flexDirection: 'column', alignItems: 'flex-start', gap: 2 }}>
                 <span>{c.name}</span>