diff --git a/ccp/js/executionhistorycontroller.js b/ccp/js/executionhistorycontroller.js
index 700dd85..50634b3 100644
--- a/ccp/js/executionhistorycontroller.js
+++ b/ccp/js/executionhistorycontroller.js
@@ -61,12 +61,14 @@ class CCPExecutionHistory extends HTMLElement {
         <ul name="ccp_execution_list" class="ccp-execution-list list-group border border-2">
           <li class="ccp-method-item list-group-item list-group-item-dark">
             <details name="level1">
-              <summary class="ccp-method-item-header noselect">
+              <summary class="ccp-method-item-header noselect d-flex flex-wrap justify-content-between">
                 <h5 class="text-primary d-inline mr-2"></h5>
-                <span name="failed" title="Failed executions" class="badge badge-danger float-right">Z</span>
-                <span name="successful" title="Successful executions"class="badge badge-success float-right mr-1">Y</span>
-                <span name="running" title="Running executions"class="badge badge-primary float-right mr-1">Y</span>
-                <span name="accepted" title="Accepted executions" class="badge badge-secondary float-right mr-1">X</span>
+                <div>
+                  <span name="failed" title="Failed executions" class="badge badge-danger float-right">Z</span>
+                  <span name="successful" title="Successful executions"class="badge badge-success float-right mr-1">Y</span>
+                  <span name="running" title="Running executions"class="badge badge-primary float-right mr-1">Y</span>
+                  <span name="accepted" title="Accepted executions" class="badge badge-secondary float-right mr-1">X</span>
+                </div>
               </summary>
               <ul class="ccp-execution-list list-group" style="list-style:none">
                 <li class="ccp-execution-item list-group-item-secondary my-2 p-2" draggable="true">