diff --git a/cookbook/templates/recipe_view.html b/cookbook/templates/recipe_view.html
index e48aee889..89a635bde 100644
--- a/cookbook/templates/recipe_view.html
+++ b/cookbook/templates/recipe_view.html
@@ -32,32 +32,33 @@
                     class="fas fa-pencil-alt"></i></a></h3>
         </div>
         <div class="col col-md-4 d-print-none" style="text-align: right">
-            <button class="btn btn-success" onclick="$('#bookmarkModal').modal({'show':true})" data-toggle="tooltip"
-                    data-placement="top" title="{% trans 'Add to Book' %}"><i
-                    class="fas fa-bookmark"></i></button>
-            {% if ingredients %}
-                <a class="btn btn-secondary" href="{% url 'view_shopping' %}?r={{ recipe.pk }}" data-toggle="tooltip"
-                   data-placement="top" title="{% trans 'Generate shopping list' %}"><i
-                        class="fas fa-shopping-cart"></i></a>
-            {% endif %}
-            <a class="btn btn-info" href="{% url 'new_meal_plan' %}?recipe={{ recipe.pk }}" data-toggle="tooltip"
-               data-placement="top" title="{% trans 'Add to Mealplan' %}"><i
-                    class="fas fa-calendar"></i></a>
-            <button class="btn btn-warning" onclick="openCookLogModal({{ recipe.pk }})" data-toggle="tooltip"
-                    data-placement="top" title="{% trans 'Log Cooking' %}"><i class="fas fa-clipboard-list"></i>
-            </button>
-            <a class="btn btn-light" onclick="window.print()" data-toggle="tooltip"
-               data-placement="top" title="{% trans 'Print' %}"><i
-                    class="fas fa-print"></i></a>
-            <a class="btn btn-primary" href="{% url 'view_export' %}?r={{ recipe.pk }}" target="_blank"
-               rel="noopener noreferrer"
-               data-toggle="tooltip"
-               data-placement="top" title="{% trans 'Export recipe' %}"><i
-                    class="fas fa-file-export"></i></a>
-            <a class="btn btn-primary" href="{% url 'new_share_link' recipe.pk %}" target="_blank"
-               rel="noopener noreferrer"
-               data-toggle="tooltip"
-               data-placement="top" title="{% trans 'Create share link' %}"><i class="fas fa-share-alt"></i></a>
+            <div class="dropdown">
+                <a class="btn shadow-none" href="#" role="button" id="dropdownMenuLink"
+                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    <i class="fas fa-ellipsis-v"></i>
+                </a>
+
+                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
+                    <button class="dropdown-item" onclick="$('#bookmarkModal').modal({'show':true})">
+                        <i class="fas fa-bookmark fa-fw"></i> {% trans 'Add to Book' %}</button>
+                    {% if ingredients %}
+                        <a class="dropdown-item" href="{% url 'view_shopping' %}?r={{ recipe.pk }}">
+                            <i class="fas fa-shopping-cart fa-fw"></i> {% trans 'Add to Shopping' %}</a>
+                    {% endif %}
+                    <a class="dropdown-item" href="{% url 'new_meal_plan' %}?recipe={{ recipe.pk }}"><i
+                            class="fas fa-calendar fa-fw"></i> {% trans 'Add to Plan' %}</a>
+                    <button class="dropdown-item" onclick="openCookLogModal({{ recipe.pk }})"><i
+                            class="fas fa-clipboard-list fa-fw"></i> {% trans 'Log Cooking' %}</button>
+                    <button class="dropdown-item" onclick="window.print()"><i
+                            class="fas fa-print fa-fw"></i> {% trans 'Print' %}</button>
+                    <a class="dropdown-item" href="{% url 'view_export' %}?r={{ recipe.pk }}" target="_blank"
+                       rel="noopener noreferrer"><i class="fas fa-file-export fa-fw"></i> {% trans 'Export' %}</a>
+                    <a class="dropdown-item" href="{% url 'new_share_link' recipe.pk %}" target="_blank"
+                       rel="noopener noreferrer"><i class="fas fa-share-alt fa-fw"></i> {% trans 'Share' %}</a>
+                </div>
+            </div>
+
+
         </div>
     </div>
 
@@ -267,7 +268,7 @@
 
     <br/>
     <br/>
-    
+
     <h5 {% if not comments %}class="d-print-none" {% endif %}><i class="far fa-comments"></i> {% trans 'Comments' %}
     </h5>
     {% for c in comments %}