Make div have the same size as sibling but still use overflow

Question

I have a display flex wrapper with 2 divs, I need those divs have the same height. The left one needs to have overflow y depending on the right one size.

Reffering to:
How to set height of a div element to same as another div
http://jsfiddle.net/dzcvaxyx/

#one,
#two {
  width: 150px;
  border: 1px solid red;
  margin: 10px;
  padding: 10px;
}

#wrapper {
  margin: 0 10px;
  display: flex;
}

<div id="wrapper">
  <div id="one">
    <h1>DIV 1</h1>
    <h4>content</h4>
    <h4>content</h4>
    <h4>content</h4>
    <h4>content</h4>
  </div>
  <div id="two">
    <h1>DIV 2</h1>
    <h4>content</h4>
    <h4>content</h4>
  </div>
</div>

I tried dinamically set the left one's height in Angular but didn't worked. I need to fix this using css/html or Angular.