.image-flag {
  background-size: contain;
  display: block;
  height: 25px;
  margin-left: 20px;
  position: relative;
  width: 25px;

  &:before {
    background: $color-image-flag-separator;
    content: '';
    height: 100%;
    left: -10px;
    margin-right: 5px;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

.lang-en .image-flag {
  background-image: image-url('flag_english.png')
}

.lang-cy .image-flag {
  background-image: image-url('flag_welsh.png')
}

.image-flag {
  background-size: contain;
  display: block;
  float: right;
  height: 25px;
  margin-left: 20px;
  margin-right: 8px;
  position: relative;
  width: 25px;

  &:before {
    background: $color-image-flag-separator;
    content: '';
    height: 100%;
    left: -10px;
    margin-right: 5px;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

.lang-en .image-flag {
  background-image: image-url('flag_english.png')
}

.lang-cy .image-flag {
  background-image: image-url('flag_welsh.png')
}

Fix country flag image layout
Fix country flag image layout

The country toggle was wrapping beneath the country flag image
