justifyContent on Web not working correctly

Hello, I want to make the text on the left and the logo on the right, it is working on Mobile Correctly. With a View direction row and justify content with space between. But on the web it is not working correctly, only if I delete the fresnel divs in browser it is working. I don’t know why there is this empty fresnel divs.

Please help me, Thank you.

 <View
      sx={{
        marginTop: [Constants.statusBarHeight, 15],
        mx: [20, 25],
        flexDirection: "row",
        alignItems: "center",
        flex: [0, 1],
        justifyContent: "space-between",
      }}
    >
      <Text
        sx={{
          color: ["primary"],
          fontSize: [22, 30],
          fontWeight: ["bold"],
        }}
      >
        Text
      </Text>

      <Image
        source={logo}
        style={{ resizeMode: "contain" }}
        sx={{
          height: [70],
          width: [70],
        }}
      />
    </View>

[nandorojo]

I’ve solved this on the new version of Dripsy.

yarn add dripsy@canary

Please install that, thanks! See more at #101

[nandorojo]

The solution I left works, it just unfortunately is a shortcoming of Dripsy’s web API. webContainerSx is the current solution. It’s sadly because the creator of React Native Web won’t let us use className, even as an escape hatch. 🤷🏼‍♂️

So I’m going to close this for now. Know that I face this issue too, and am actively looking for better APIs.