Make custom dropdown select design

index.slim

.styled-select
  select#society_scope name="society[scope]" 
    option value=""  What is the scope of this society ?
    option value="area"  area
    option value="neighbourhood"  neighbourhood
    option value="state"  state
    option value="country"  country
    option value="world"  world

style.sass

.styled-select
  width: 100%
  overflow: hidden
  border: 1px solid  $input-border
  background: #fff
  position: relative
  color: $input-color-placeholder 
  select
    @extend .input-lg
    width: 100%
    background: transparent
    border: none
    line-height: 1
    -webkit-appearance: none  
  &:after
    content: '\f0d7'
    font-family: FontAwesome
    right: 15px
    top: 15px
    position: absolute