diff --git a/app/views/protocols/index.html.erb b/app/views/protocols/index.html.erb
index 8e850e405..af0cdbadf 100644
--- a/app/views/protocols/index.html.erb
+++ b/app/views/protocols/index.html.erb
@@ -50,14 +50,29 @@
         </div>
 
         <div id="import-export-protocols" class="btn-group" role="group">
-          <a class="btn btn-default btn-open-file" <%= can_import_protocols(@current_team) ? 'data-action="import"' : 'disabled="disabled"' %>>
-            <span class="glyphicon glyphicon-import"></span>
-            <span class="hidden-xs">&nbsp;<%= t("protocols.index.import") %></span>
-            <input type="file" value="" accept=".eln" data-role="import-file-input"
-            data-team-id="<%= @current_team.id %>"
-            data-type="<%= @type %>" data-import-url="<%= import_protocols_path %>"
-            <%= 'disabled="disabled"' unless can_import_protocols(@current_team) %>>
-          </a>
+          <a class="btn btn-default btn-open-file" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"><span class="glyphicon glyphicon-import"></span><span class="hidden-xs">&nbsp;<%= "Import protocol" %></span></a>
+
+          <ul class="dropdown-menu">
+            <li>
+
+              <a class="btn btn-default-link btn-open-file" <%= can_import_protocols(@current_team) ? 'data-action="import"' : 'disabled="disabled"' %>>
+                <span class="glyphicon glyphicon-file"></span>
+                <span class="hidden-xs">&nbsp;<%= t("protocols.index.import_alt") %></span>
+                <input type="file" value="" accept=".eln" data-role="import-file-input"
+                data-team-id="<%= @current_team.id %>"
+                data-type="<%= @type %>" data-import-url="<%= import_protocols_path %>"
+                <%= 'disabled="disabled"' unless can_import_protocols(@current_team) %>>
+              </a>
+
+            </li>
+
+            <li>
+              <%= link_to import_protocols_path(@protocol, format: :json), remote: true, data: { action: "import"} do %>
+              <span class="glyphicon glyphicon-file"></span>&nbsp;<%= "from protocols.io file(.json)" %></a>
+              <% end %>
+            </li>
+
+          </ul>
           <a class="btn btn-default" data-action="export" data-export-url="<%= export_protocols_path() %>">
             <span class="glyphicon glyphicon-export"></span>
             <span class="hidden-xs">&nbsp;<%= t("protocols.index.export") %></span>
@@ -65,28 +80,7 @@
       <!--    </div>  -->
 
         <!--<div class="btn-group"> -->
-        <a class="btn btn-default btn-open-file" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"><span class="glyphicon glyphicon-import"></span><span class="hidden-xs">&nbsp;<%= "Import protocol" %></span></a>
-        <ul class="dropdown-menu">
-          <li>
 
-            <a class="btn btn-default-link btn-open-file" <%= can_import_protocols(@current_team) ? 'data-action="import"' : 'disabled="disabled"' %>>
-              <span class="glyphicon glyphicon-file"></span>
-              <span class="hidden-xs">&nbsp;<%= t("protocols.index.import_alt") %></span>
-              <input type="file" value="" accept=".eln" data-role="import-file-input"
-              data-team-id="<%= @current_team.id %>"
-              data-type="<%= @type %>" data-import-url="<%= import_protocols_path %>"
-              <%= 'disabled="disabled"' unless can_import_protocols(@current_team) %>>
-            </a>
-
-          </li>
-
-          <li>
-            <%= link_to import_protocols_path(@protocol, format: :json), remote: true, data: { action: "import"} do %>
-            <span class="glyphicon glyphicon-file"></span>&nbsp;<%= "from protocols.io file(.json)" %></a>
-            <% end %>
-          </li>
-
-        </ul>
       </div>
 
         <div class="btn-group" role="group">