diff --git a/src/components/TransactionSidebar.vue b/src/components/TransactionSidebar.vue
index 65a90bca719f7184e67f6702d8f114f3692513ad..57c0a36bf865b05a46c7eb4f1e0a0fc26ee8308e 100644
--- a/src/components/TransactionSidebar.vue
+++ b/src/components/TransactionSidebar.vue
@@ -41,7 +41,7 @@ function clearList() {
     <SidebarInset>
       <slot />
     </SidebarInset>
-    <Sidebar collapsible="offcanvas" side="right" style="--sidebar-width: 26rem;">
+    <Sidebar collapsible="offcanvas" side="right" style="--sidebar-width: 24rem;">
       <SidebarHeader mt-1 text-center>
         Planned Actions
       </SidebarHeader>
@@ -55,10 +55,10 @@ function clearList() {
         </SidebarGroup>
         <SidebarSeparator />
         <SidebarGroup class="m-b-2 m-t-2 flex flex-row justify-center">
-          <Button variant="outline" w="1/8" rounded-bl-lg rounded-br-none rounded-tl-lg rounded-tr-none>
+          <Button variant="outline" w="1/7" rounded-bl-lg rounded-br-none rounded-tl-lg rounded-tr-none>
             <IconTooling />
           </Button>
-          <Button variant="outline" w="1/8" rounded-bl-none rounded-br-lg rounded-tl-none rounded-tr-lg>
+          <Button variant="outline" w="1/7" rounded-bl-none rounded-br-lg rounded-tl-none rounded-tr-lg>
             <IconTooling />
           </Button>
         </SidebarGroup>
@@ -89,7 +89,11 @@ function clearList() {
         <SidebarSeparator />
         <SidebarGroup>
           <DragAndDrop :length="actions.length" :emptyListPhrase="emptyListPhrase">
-            <DragAndDropItem v-for="action in actions" :key="action.id" :item="action" :items="actions" />
+            <DragAndDropItem v-for="action in actions" :key="action.id" :item="action" :items="actions">
+              <div class="">
+                <h1>{{ action.title }}</h1>
+              </div>
+            </DragAndDropItem>
           </DragAndDrop>
         </SidebarGroup>
       </SidebarContent>