//@flow

import styled, { css } from "styled-components";

export const Wrapper = styled.div`

  ${({ theme }: { theme: Theme }) => css`

    box-sizing: border-box;
    position: relative;
    width: 100%;
    background-color: ${theme.color.background};
    padding-top: ${theme.scale.s4(-1)};

    @media (min-width: 675px) {
      padding-top: 0;
    }
  `}
`;

//@flow

import styled, { css } from "styled-components";

export const Wrapper = styled.div`

  ${({ theme }: { theme: Theme }) => css`

    box-sizing: border-box;
    position: relative;
    width: 100%;
    background-color: ${theme.color.background};
    
  `}
`;

Remove media query that accounds for status bar
Remove media query that accounds for status bar

Testing if the necessary space will be added by the mobile browser automatically
TODO: verify no additional padding required.