svg does not display properly when used with styled-components

[valn1]

when using the styled-components library to display an svg, it does not display properly

import styled from "styled-components/native";

import Inmap from "../../assets/logos/inmap.svg";
import { Screen } from "../../components/Screen";

const Suffix = styled(Inmap)``;

const Register = () => {
    return (
        <Screen>
            <Suffix />
            <Inmap />
        </Screen>
    );
};

export default Register;

original svg rendered svg

[valn1]

it seems the library causes it to loose this information from the file style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"

[valn1]

const Suffix = styled(Inmap)`
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    fill-rule: evenodd;
    clip-rule: evenodd;
`;

nevermind, adding the styles to the component fixes the issue