Fix misaligned back button on Header

src/components/atoms/Header/Header.js

@@ -24,7 +24,7 @@ const Header = ({ headerStyle, children, backButtonShown, onBackClick, backIconT
     <View style={[styles.headerContainer, headerStyle]}>
 
       <View style={{ flexDirection: 'row', gap: horizontalScale(4), alignItems: 'center' }}>
-        {backButtonShown === true && backButtonShown !== undefined ? <TouchableOpacity style={{ paddingHorizontal: 8 }} onPress={onBackClick}>
+        {backButtonShown === true && backButtonShown !== undefined ? <TouchableOpacity style={{ paddingHorizontal: horizontalScale(8) }} onPress={onBackClick}>
           <FeatherIcon name='chevron-left' size={24} color={colors().recessive} />
         </TouchableOpacity> : <></>}
         {backIconTextComponent}