I am getting a weird issue on the sidenav for my website. For the options that are not dropdowns they seem to be white. The real problem is, that I am using the white skin. So, how should I go about this? My code is:

<ul class="collapsible collapsible-accordion">
 <li>
  <a class="active" href="/"> <i class="fa fa-home"></i> Home</a>
 </li>
 <li>
  <a href="/about/"> <i class="fa fa-heart"></i> About</a>
 </li>
 <li>
  <a class="collapsible-header waves-effect arrow-r">
   <i class="fa fa-briefcase"></i> Projects <i class="fa fa-angle-down rotate-icon"></i>
  </a>
  <div class="collapsible-body">
   <ul>
    <li>
     <a href="/projects/sidsrageendine/" class="waves-effect">Sid's Rage Engine</a>
    </li>
    <li>
     <a href="/projects/shadowbound/" class="waves-effect">Shadowbound</a>
    </li>
   </ul>
  </div>
 </li>
</ul>

 

---