From a0b08914e5523a9082e8c30ff28da4e38c58e2d7 Mon Sep 17 00:00:00 2001
From: jaswanthkumartw <jaswanthkumar.p@thoughtworks.com>
Date: Wed, 19 Nov 2025 13:49:37 +0530
Subject: [PATCH] [INJIMOB-3622] Fix alignment in history screen  (#2140)

* [INJIMOB-3622]: clear the history page issue

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3622]: clear the history page issue

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

---------

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>
---
 screens/History/HistoryScreen.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/screens/History/HistoryScreen.tsx b/screens/History/HistoryScreen.tsx
index 11e53943..aa7eff6d 100644
--- a/screens/History/HistoryScreen.tsx
+++ b/screens/History/HistoryScreen.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import {RefreshControl} from 'react-native';
 import {Icon} from 'react-native-elements';
 import {useTranslation} from 'react-i18next';
-import {Centered, Column, Text} from '../../components/ui';
+import {Column, HorizontallyCentered, Text} from '../../components/ui';
 import {useHistoryTab} from './HistoryScreenController';
 import {ActivityLogText} from '../../components/ActivityLogText';
 import {MainRouteProps} from '../../routes/main';
@@ -15,6 +15,7 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
 
   return (
     <Column fill backgroundColor={Theme.Colors.whiteBackgroundColor}>
+      <BannerNotificationContainer />
       <Column
         scroll
         padding="7 0"
@@ -24,7 +25,6 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
             onRefresh={controller.REFRESH}
           />
         }>
-        <BannerNotificationContainer />
         {controller.activities.map(activity => (
           <ActivityLogText
             key={`${activity.timestamp}-${activity._vcKey}`}
@@ -32,7 +32,7 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
           />
         ))}
         {controller.activities.length === 0 && (
-          <Centered fill>
+          <HorizontallyCentered fill>
             <Icon
               style={{marginBottom: 20}}
               size={40}
@@ -46,7 +46,7 @@ export const HistoryScreen: React.FC<MainRouteProps> = () => {
               margin="0 0 4 0">
               {t('noHistory')}
             </Text>
-          </Centered>
+          </HorizontallyCentered>
         )}
       </Column>
     </Column>