From 59bc60db374dd144cfdd4e597bcda099f7a0805f Mon Sep 17 00:00:00 2001
From: Graeme Houston <hello@iamgrae.me>
Date: Mon, 27 Jan 2025 19:14:59 +0000
Subject: [PATCH] fix: styling issue with base banner

---
 lib/components/atoms/BaseBanner/index.tsx | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/lib/components/atoms/BaseBanner/index.tsx b/lib/components/atoms/BaseBanner/index.tsx
index 3e3c235..1215839 100644
--- a/lib/components/atoms/BaseBanner/index.tsx
+++ b/lib/components/atoms/BaseBanner/index.tsx
@@ -1,15 +1,10 @@
 import React, { createContext, useContext } from 'react';
-import {
-  Pressable,
-  StyleProp,
-  StyleSheet,
-  View,
-  ViewStyle,
-} from 'react-native';
+import { Pressable, StyleProp, StyleSheet, ViewStyle } from 'react-native';
 import { MAX_WIDTH } from '../../../constants';
 import { useWllSdk } from '../../../context/WllSdkContext';
 import { useHandleTilePress } from '../../../hooks/useHandleTilePress';
 import { BannerTileConfig, Tile } from '../../../types/tile';
+import { Row } from '../Primatives';
 
 const BannerContext = createContext<Tile | null>(null);
 
@@ -67,7 +62,9 @@ const BaseBanner: React.FC<BaseBannerProps> = ({
           `${title}${!hasCTA && ctaLink ? ' - Click to open' : ''}`
         }
       >
-        <View style={styles.contentContainer}>{children}</View>
+        <Row align="center" justify="start">
+          {children}
+        </Row>
       </Pressable>
     </BannerContext.Provider>
   );
@@ -82,9 +79,6 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     overflow: 'hidden',
   },
-  contentContainer: {
-    // Add styles for content container if needed
-  },
 });
 
 export default BaseBanner;