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>