В общем SVG элементы ведут себя как картинки (img) они масштабируется пропорционально.
Вопрос в том, можно ли как-то изменять только ширину при этом высоту сохранять по умолчанию.
Вот пример, если масштабировать область с красным прямоугольником, можно наблюдать как он изменятся в размерах, но меняется как ширина так и высота.
https://jsfiddle.net/RadCor/esf16w9y/1/