diff --git a/frontend/src/components/AddRecipe.vue b/frontend/src/components/AddRecipe.vue
index da53c0e0adeb..4bd0718473ca 100644
--- a/frontend/src/components/AddRecipe.vue
+++ b/frontend/src/components/AddRecipe.vue
@@ -25,13 +25,16 @@
     </v-dialog>
     <v-speed-dial v-model="fab" fixed right bottom open-on-hover>
       <template v-slot:activator>
-        <v-btn v-model="fab" color="accent" dark fab @click="navCreate">
+        <v-btn v-model="fab" color="accent" dark fab>
           <v-icon> mdi-plus </v-icon>
         </v-btn>
       </template>
       <v-btn fab dark small color="primary" @click="addRecipe = true">
         <v-icon>mdi-link</v-icon>
       </v-btn>
+      <v-btn fab dark small color="accent" @click="navCreate">
+        <v-icon>mdi-square-edit-outline</v-icon>
+      </v-btn>
     </v-speed-dial>
   </div>
 </template>