Styles for the Header.js component

Header.js

<style jsx>{`
ul {
  display: flex;
}

.user {
  flex-grow: 1;
  text-align: right;
}

.avatar {
  object-fit: contain;
  width: 29px;
  height: 29px;
  display: block;
  margin-left: auto;
  border-radius: 9999px;
}
`}</style>