From ca74e9fefb609c0c8d8541de7c9acf517fffdd4a Mon Sep 17 00:00:00 2001
From: Mariia_Aloshyna <Mariia_Aloshyna@epam.com>
Date: Wed, 12 Feb 2025 14:02:03 +0200
Subject: [PATCH] Adjust styles

---
 .../InstanceDetails/InstanceDetails.js        | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/Instance/InstanceDetails/InstanceDetails.js b/src/Instance/InstanceDetails/InstanceDetails.js
index 0ac543092..183d34342 100644
--- a/src/Instance/InstanceDetails/InstanceDetails.js
+++ b/src/Instance/InstanceDetails/InstanceDetails.js
@@ -26,7 +26,7 @@ import {
   Row,
   MessageBanner,
   PaneCloseLink,
-  Paneset,
+  Layout,
 } from '@folio/stripes/components';
 import { VersionHistoryButton } from '@folio/stripes-acq-components';
 
@@ -206,16 +206,18 @@ const InstanceDetails = forwardRef(({
 
         <AccordionStatus ref={ref}>
           <Row>
-            <Col xs={10}>
-              {warningBanners.map(({ condition, messageId }) => (
-                <MessageBanner key={messageId} show={Boolean(condition)} type="warning">
-                  <FormattedMessage id={messageId} />
-                </MessageBanner>
-              ))}
-            </Col>
-            <Col data-test-expand-all xs={2}>
-              <ExpandAllButton onToggle={onToggle} />
-            </Col>
+            <Layout className="display-flex full flex-align-items-center justify-end">
+              <Col xs={10}>
+                {warningBanners.map(({ condition, messageId }) => (
+                  <MessageBanner key={messageId} show={Boolean(condition)} type="warning">
+                    <FormattedMessage id={messageId} />
+                  </MessageBanner>
+                ))}
+              </Col>
+              <Col data-test-expand-all xs={2}>
+                <ExpandAllButton onToggle={onToggle} />
+              </Col>
+            </Layout>
           </Row>
 
           <InstanceTitle