From a9c49de04a1b69f0b72f5b93c5cd86f2c47d882d Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Wed, 18 Feb 2026 17:25:03 +0100
Subject: [PATCH 1/5] fix: bump dialog z-index

---
 ui/src/design-system/components/dialog/dialog.module.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/design-system/components/dialog/dialog.module.scss b/ui/src/design-system/components/dialog/dialog.module.scss
index 923b6bf6e..68f695845 100644
--- a/ui/src/design-system/components/dialog/dialog.module.scss
+++ b/ui/src/design-system/components/dialog/dialog.module.scss
@@ -9,7 +9,7 @@ $dialog-padding-medium: 32px;
   background-color: rgba(0, 0, 0, 0.2);
   position: fixed;
   inset: 0;
-  z-index: 3;
+  z-index: 50;
 }
 
 .loadingWrapper {
@@ -36,7 +36,7 @@ $dialog-padding-medium: 32px;
   max-width: calc(100% - (2 * $dialog-padding-large));
   height: calc(100vh - (2 * $dialog-padding-large));
   height: calc(100dvh - (2 * $dialog-padding-large));
-  z-index: 3;
+  z-index: 50;
 
   &.compact {
     width: 384px;

From 85d7103016c1865da976dda46c7447bde3b6091d Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Wed, 18 Feb 2026 17:25:31 +0100
Subject: [PATCH 2/5] fix: tweak page header layout for small screens

---
 .../components/page-header/page-header.module.scss    | 11 +++++++++++
 .../components/page-header/page-header.tsx            |  4 +++-
 ui/src/design-system/components/sort-control.tsx      |  6 +++++-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/ui/src/design-system/components/page-header/page-header.module.scss b/ui/src/design-system/components/page-header/page-header.module.scss
index ddb4f192d..fff2425a8 100644
--- a/ui/src/design-system/components/page-header/page-header.module.scss
+++ b/ui/src/design-system/components/page-header/page-header.module.scss
@@ -34,6 +34,17 @@
 }
 
 @media only screen and (max-width: $small-screen-breakpoint) {
+  .wrapper {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .actions {
+    align-items: flex-start;
+    flex-wrap: wrap;
+  }
+
   .details {
     flex-direction: column;
     align-items: flex-start;
diff --git a/ui/src/design-system/components/page-header/page-header.tsx b/ui/src/design-system/components/page-header/page-header.tsx
index 7dc553df5..5d0c82271 100644
--- a/ui/src/design-system/components/page-header/page-header.tsx
+++ b/ui/src/design-system/components/page-header/page-header.tsx
@@ -49,6 +49,8 @@ export const PageHeader = ({
         </div>
       </div>
     </div>
-    <div className={classNames(styles.row, 'no-print')}>{children}</div>
+    <div className={classNames(styles.row, styles.actions, 'no-print')}>
+      {children}
+    </div>
   </div>
 )
diff --git a/ui/src/design-system/components/sort-control.tsx b/ui/src/design-system/components/sort-control.tsx
index 61be815b5..87a18e2e0 100644
--- a/ui/src/design-system/components/sort-control.tsx
+++ b/ui/src/design-system/components/sort-control.tsx
@@ -1,3 +1,4 @@
+import classNames from 'classnames'
 import { ArrowUpDownIcon } from 'lucide-react'
 import { buttonVariants, Select } from 'nova-ui-kit'
 import { STRING, translate } from 'utils/language'
@@ -24,7 +25,10 @@ export const SortControl = ({ columns, setSort, sort }: SortControlProps) => {
     >
       <BasicTooltip asChild content={translate(STRING.SORT_BY)}>
         <Select.Trigger
-          className={buttonVariants({ size: 'small', variant: 'outline' })}
+          className={classNames(
+            buttonVariants({ size: 'small', variant: 'outline' }),
+            'w-auto'
+          )}
         >
           <ArrowUpDownIcon className="w-4 h-4" />
           <span>{column ? column.name : translate(STRING.SORT_BY)}</span>

From ec309064d665dac3d6188185d5921b9de80861a5 Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Wed, 18 Feb 2026 17:25:50 +0100
Subject: [PATCH 3/5] fix: disable save buttons during loading

---
 ui/src/design-system/components/button/save-button.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/src/design-system/components/button/save-button.tsx b/ui/src/design-system/components/button/save-button.tsx
index fa2496698..02c885d84 100644
--- a/ui/src/design-system/components/button/save-button.tsx
+++ b/ui/src/design-system/components/button/save-button.tsx
@@ -11,7 +11,13 @@ export const SaveButton = ({
   isSuccess?: boolean
   onClick?: () => void
 }) => (
-  <Button onClick={onClick} size="small" type="submit" variant="success">
+  <Button
+    disabled={isLoading}
+    onClick={onClick}
+    size="small"
+    type="submit"
+    variant="success"
+  >
     <span>{isSuccess ? translate(STRING.SAVED) : translate(STRING.SAVE)}</span>
     {isSuccess ? (
       <CheckIcon className="w-4 h-4" />

From 3c97b25351791bcb0a6dba712148c24b403f86af Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Wed, 18 Feb 2026 17:29:09 +0100
Subject: [PATCH 4/5] fix: disable save buttons after success

---
 ui/src/design-system/components/button/save-button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/design-system/components/button/save-button.tsx b/ui/src/design-system/components/button/save-button.tsx
index 02c885d84..f92f9f8d4 100644
--- a/ui/src/design-system/components/button/save-button.tsx
+++ b/ui/src/design-system/components/button/save-button.tsx
@@ -12,7 +12,7 @@ export const SaveButton = ({
   onClick?: () => void
 }) => (
   <Button
-    disabled={isLoading}
+    disabled={isLoading || isSuccess}
     onClick={onClick}
     size="small"
     type="submit"

From 1789662811fb6db05cd6109276a60da2f26c4358 Mon Sep 17 00:00:00 2001
From: Anna Viklund <annamariaviklund@gmail.com>
Date: Wed, 18 Feb 2026 17:29:27 +0100
Subject: [PATCH 5/5] fix: disable delete buttons during loading

---
 ui/src/components/form/delete-form/delete-form.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/components/form/delete-form/delete-form.tsx b/ui/src/components/form/delete-form/delete-form.tsx
index 662d7985f..f161dddaa 100644
--- a/ui/src/components/form/delete-form/delete-form.tsx
+++ b/ui/src/components/form/delete-form/delete-form.tsx
@@ -38,7 +38,7 @@ export const DeleteForm = ({
             <span>{translate(STRING.CANCEL)}</span>
           </Button>
           <Button
-            disabled={isSuccess}
+            disabled={isLoading || isSuccess}
             onClick={onSubmit}
             size="small"
             variant="destructive"