diff --git a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
index f6f3f7c7..8374f701 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx
@@ -115,6 +115,20 @@ export function Sidebar(props: { sessionID: string }) {
               </For>
             </box>
           </Show>
+          <Show when={todo().length > 0}>
+            <box>
+              <text fg={theme.text}>
+                <b>Todo</b>
+              </text>
+              <For each={todo()}>
+                {(todo) => (
+                  <text style={{ fg: todo.status === "in_progress" ? theme.success : theme.textMuted }}>
+                    [{todo.status === "completed" ? "✓" : " "}] {todo.content}
+                  </text>
+                )}
+              </For>
+            </box>
+          </Show>
           <Show when={diff().length > 0}>
             <box>
               <text fg={theme.text}>
@@ -147,20 +161,6 @@ export function Sidebar(props: { sessionID: string }) {
               </For>
             </box>
           </Show>
-          <Show when={todo().length > 0}>
-            <box>
-              <text fg={theme.text}>
-                <b>Todo</b>
-              </text>
-              <For each={todo()}>
-                {(todo) => (
-                  <text style={{ fg: todo.status === "in_progress" ? theme.success : theme.textMuted }}>
-                    [{todo.status === "completed" ? "✓" : " "}] {todo.content}
-                  </text>
-                )}
-              </For>
-            </box>
-          </Show>
         </box>
       </scrollbox>
     </Show>