From 6e11c9286288491f06211b2986d1757c2e45f471 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 21 Jun 2026 19:18:28 +0100
Subject: [PATCH] Introduce dynamic modal width in AppUpdateProvider for
 improved UI flexibility during software updates.

---
 src/components/Dashboard/context/AppUpdateContext.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard/context/AppUpdateContext.jsx b/src/components/Dashboard/context/AppUpdateContext.jsx
index 6de63ef..060893c 100644
--- a/src/components/Dashboard/context/AppUpdateContext.jsx
+++ b/src/components/Dashboard/context/AppUpdateContext.jsx
@@ -82,6 +82,8 @@ export const AppUpdateProvider = ({ children }) => {
   const runningCheckRef = useRef(null)
   const updateCheckDependenciesRef = useRef({})
 
+  const [modelWidth, setModelWidth] = useState(650)
+
   updateCheckDependenciesRef.current = {
     fetchAppUpdateBranches,
     fetchAppUpdateCurrent,
@@ -191,6 +193,7 @@ export const AppUpdateProvider = ({ children }) => {
     setNoUpdateOpen(false)
     setAvailableUpdate(null)
     setInstallingUpdate(update)
+    setModelWidth(550)
     setUpdateProgress({
       phase: 'preparing',
       percent: 0,
@@ -256,10 +259,12 @@ export const AppUpdateProvider = ({ children }) => {
         <Text>There are no new software updates available.</Text>
       </Modal>
       <Modal
-        title={installingUpdate ? 'Software Update' : 'Software Update Available'}
+        title={
+          installingUpdate ? 'Software Update' : 'Software Update Available'
+        }
         open={updateModalOpen}
         footer={null}
-        width={650}
+        width={modelWidth}
         centered
         closable={!updateModalBusy}
         maskClosable={!updateModalBusy}