JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<section id="content">
<div class="main padder">
<div class="panel-group" id="sessionaccordion">
<div class="panel panel-default session" id="sm_S_8abe3b24-41b2-434e-9f23-5c4f39c476f0" style="">
<div class="panel-heading">
<a class="collapsed" data-parent="#sessionaccordion" data-toggle="collapse" href="#sm_S_a_8abe3b24-41b2-434e-9f23-5c4f39c476f0">
My Header
</a>
</div>
<div class="panel-collapse primarybg in" id="sm_S_a_8abe3b24-41b2-434e-9f23-5c4f39c476f0" style="height: auto;">
<div class="panel-body">
some things
<div class="icon-btn pull-right dropdown open">
<a class="dropdown-toggle" role="button" href="#" data-toggle="dropdown">
<i>click me</i>
</a>
<ul class="dropdown-menu pull-right" role="menu">
<li>
<div>Options 1</div>
</li>
<li>
<div>Option 2</div>
</li>
<li>
<div>Option 3</div>
</li>
<li>
<div>Option 4</div>
</li>
</ul>
</div>
</div>
</div>
</div>
...
CSS
#sessionaccordion.panel-group .panel {
overflow: visible;
}