diff --git a/front/src/BookListElement.vue b/front/src/BookListElement.vue
index f26b855..a4c49b4 100644
--- a/front/src/BookListElement.vue
+++ b/front/src/BookListElement.vue
@@ -3,6 +3,7 @@
   const props = defineProps({
   title: String,
   author: String,
+  id: BigInt,
   imagePath: String,
 });
 const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath === 'undefined') ? "../defaultbook.png" : props.imagePath;
@@ -11,8 +12,15 @@ const imagePathOrDefault = (props.imagePath == "" || typeof props.imagePath ===
 </script>
 
 <template>
-  <div class="box container has-background-dark">
-    <div class="media">
+  <div class="columns box container has-background-dark">
+  <div class="column is-narrow">
+    <button class="button">
+      <span class="icon" title="Add">
+        <b-icon-plus />
+      </span>
+    </button>
+  </div>
+    <div class="media column">
       <div class="media-left">
         <figure class="image mb-3">
           <img v-bind:src="imagePathOrDefault" v-bind:alt="title">