From f0c9e0d14c485d0fdbe3a67b37faea6de9d63858 Mon Sep 17 00:00:00 2001
From: "a.tolmachev" <a.tolmachev@tbank.ru>
Date: Thu, 26 Mar 2026 23:51:17 +0300
Subject: [PATCH] fix: make create action bar full width

---
 apps/ui/src/pages/operation-create/page.tsx | 6 +-----
 apps/ui/src/styles.css                      | 7 ++++++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/ui/src/pages/operation-create/page.tsx b/apps/ui/src/pages/operation-create/page.tsx
index 1539d91..cbafcd1 100644
--- a/apps/ui/src/pages/operation-create/page.tsx
+++ b/apps/ui/src/pages/operation-create/page.tsx
@@ -1,9 +1,5 @@
 import { OperationForm } from "../../features/operation-form/operation-form";
 
 export function OperationCreatePage() {
-  return (
-    <div className="page-stack">
-      <OperationForm />
-    </div>
-  );
+  return <OperationForm />;
 }
diff --git a/apps/ui/src/styles.css b/apps/ui/src/styles.css
index 98b101f..0a7f960 100644
--- a/apps/ui/src/styles.css
+++ b/apps/ui/src/styles.css
@@ -872,7 +872,9 @@ button {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
-  width: 100%;
+  width: calc(100% + 56px);
+  margin-left: -28px;
+  margin-right: -28px;
   padding: 12px 28px;
   border-radius: 0;
   background: rgba(255, 255, 255, 0.9);
@@ -1160,6 +1162,9 @@ pre {
   }
 
   .sticky-action-bar {
+    width: calc(100% + 32px);
+    margin-left: -16px;
+    margin-right: -16px;
     padding-left: 16px;
     padding-right: 16px;
   }