title: Chakra UI, How to align component to the left?
body: <p>I have this drawer example. Within <code>drawerExample.js</code> there's a Chakra component called   <code>&lt;DrawerCloseButton /&gt;</code> I've been trying to wrap this component with <code>&lt;Flex&gt;</code> it wont seem to budge.</p>
  <p>How can I render this component on the left side as I would like to change it into a back button</p>
  <p><a href="https://codesandbox.io/s/chakra-ui-drawer-as-sidebar-forked-jbte4?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit chakra-UI drawer as sidebar (forked)" /></a></p>