Change default expansion panel arrow colour for angular material

I have an angular expansion panel as shown below. How can i change the color of the arrow below to white?

My code (HTML):

<md-expansion-panel>
<md-expansion-panel-header>
<md-panel-title>
Personal data
</md-panel-title>
<md-panel-description>
Type your name and age
</md-panel-description>
</md-expansion-panel-header>

<md-form-field>
<input mdInput placeholder="First name">
</md-form-field>

<md-form-field>
<input mdInput placeholder="Age">
</md-form-field>
</md-expansion-panel>


My code (TS):

import {Component} from '@angular/core';

/**
* @title Basic expansion panel
*/
@Component({
selector: 'expansion-overview-example',
templateUrl: 'expansion-overview-example.html',
})
export class ExpansionOverviewExample {}




Continue reading...