Поставьте для tablet условие min-width
@media all and (min-width: $phoneWidth) and (max-width: $tableWidth) {
margin-top: 30px;
margin-right: 30px;
}
хотя по идее, когда два правила работают на один элемент, используется каскадное правило, т.е. применяется правило, которое находится ниже