diff --git a/frappe/public/js/frappe/recorder/RequestDetail.vue b/frappe/public/js/frappe/recorder/RequestDetail.vue
index 4d418be267..d995d31d6f 100644
--- a/frappe/public/js/frappe/recorder/RequestDetail.vue
+++ b/frappe/public/js/frappe/recorder/RequestDetail.vue
@@ -112,8 +112,8 @@
 									</div>
 									<div class="grid-body">
 										<div class="rows">
-											<div class="grid-row" :class="showing == index ? 'grid-row-open' : ''" @click="showing = index"  v-for="(call, index) in request.calls" :key="call.index" v-bind="call">
-												<div class="data-row row" v-if="showing != index" style="display: block;">
+											<div class="grid-row" :class="showing == index ? 'grid-row-open' : ''"  v-for="(call, index) in request.calls" :key="call.index" v-bind="call">
+												<div class="data-row row" v-if="showing != index" style="display: block;" @click="showing = index" >
 													<div class="row-index sortable-handle col col-xs-1">
 														<span>{{ call.index }}</span></div>
 													<div class="col grid-static-col col-xs-8 " data-fieldname="code" data-fieldtype="Code">
@@ -133,9 +133,9 @@
 														<div class="toolbar grid-header-toolbar">
 															<span class="panel-title">
 																SQL Query #<span class="grid-form-row-index">{{ call.index }}</span></span>
-															<button class="btn btn-default btn-xs pull-right" style="margin-left: 7px;">
+															<div class="btn btn-default btn-xs pull-right" style="margin-left: 7px;">
 																<span class="hidden-xs octicon octicon-triangle-up"></span>
-															</button>
+															</div>
 														</div>
 													</div>
 													<div class="grid-form-body">