From 3758d72b658d8230d096e6f5c534a4b142936d41 Mon Sep 17 00:00:00 2001
From: Matiss Janis Aboltins <matiss@mja.lv>
Date: Thu, 26 Feb 2026 20:22:29 +0000
Subject: [PATCH] Mobile rules item alignment (#7081)

* [AI] Fix mobile rules list items to be full width and left-aligned

- Override Button's default justifyContent/alignItems centering in
  ActionableGridListItem to use flex-start alignment
- Add width: 100% to RulesListItem's SpaceBetween to fill the item width

Co-authored-by: Matiss Janis Aboltins <MatissJanis@users.noreply.github.com>

* Add release notes for PR #7081

* Change category from Enhancements to Bugfix

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: Matiss Janis Aboltins <MatissJanis@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .../src/components/mobile/ActionableGridListItem.tsx        | 2 ++
 .../src/components/mobile/rules/RulesListItem.tsx           | 5 ++++-
 upcoming-release-notes/7081.md                              | 6 ++++++
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 upcoming-release-notes/7081.md

diff --git a/packages/desktop-client/src/components/mobile/ActionableGridListItem.tsx b/packages/desktop-client/src/components/mobile/ActionableGridListItem.tsx
index babe9bdf37..56ca9490e0 100644
--- a/packages/desktop-client/src/components/mobile/ActionableGridListItem.tsx
+++ b/packages/desktop-client/src/components/mobile/ActionableGridListItem.tsx
@@ -119,6 +119,8 @@ export function ActionableGridListItem<T extends object>({
             padding: 16,
             textAlign: 'left',
             borderRadius: 0,
+            justifyContent: 'flex-start',
+            alignItems: 'flex-start',
           }}
           onClick={handleAction}
         >
diff --git a/packages/desktop-client/src/components/mobile/rules/RulesListItem.tsx b/packages/desktop-client/src/components/mobile/rules/RulesListItem.tsx
index b237d9fa20..541018e213 100644
--- a/packages/desktop-client/src/components/mobile/rules/RulesListItem.tsx
+++ b/packages/desktop-client/src/components/mobile/rules/RulesListItem.tsx
@@ -52,7 +52,10 @@ export function RulesListItem({
       }
       {...props}
     >
-      <SpaceBetween gap={12} style={{ alignItems: 'flex-start' }}>
+      <SpaceBetween
+        gap={12}
+        style={{ alignItems: 'flex-start', width: '100%' }}
+      >
         {/* Column 1: PRE/POST pill */}
         <View
           style={{
diff --git a/upcoming-release-notes/7081.md b/upcoming-release-notes/7081.md
new file mode 100644
index 0000000000..bfb67b8c95
--- /dev/null
+++ b/upcoming-release-notes/7081.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [MatissJanis]
+---
+
+Mobile: adjust rules list for better alignment and full-width container display.