diff --git a/app/assets/stylesheets/my_modules/protocols/index.scss b/app/assets/stylesheets/my_modules/protocols/index.scss
index f9364332b..98b42bd52 100644
--- a/app/assets/stylesheets/my_modules/protocols/index.scss
+++ b/app/assets/stylesheets/my_modules/protocols/index.scss
@@ -57,6 +57,10 @@
     .flex-block {
       display: flex;
       flex-grow: 1;
+
+      .well-sm {
+        display: inline-block;
+      }
     }
   }
 
diff --git a/app/views/my_modules/_module_header.html.erb b/app/views/my_modules/_module_header.html.erb
index 1646d2893..9366af997 100644
--- a/app/views/my_modules/_module_header.html.erb
+++ b/app/views/my_modules/_module_header.html.erb
@@ -9,34 +9,36 @@
     </div>
   </div>
 
-  <div class="flex-block help_tooltips date-block"
-       data-tooltiplink="<%= I18n.t('tooltips.link.task.due_date_specific') %>"
-       data-tooltipcontent="<%= I18n.t('tooltips.text.task.due_date_specific') %>">
-    <div class="badge-icon">
-      <% if can_manage_module?(@my_module) %>
-        <%= link_to due_date_my_module_path(@my_module, format: :json), remote: true, class: "due-date-link", style: "color: inherit" do %>
+  <div class="flex-block date-block" >
+    <span class="help_tooltips"
+          data-tooltiplink="<%= I18n.t('tooltips.link.task.due_date_specific') %>"
+          data-tooltipcontent="<%= I18n.t('tooltips.text.task.due_date_specific') %>">
+      <div class="badge-icon">
+        <% if can_manage_module?(@my_module) %>
+          <%= link_to due_date_my_module_path(@my_module, format: :json), remote: true, class: "due-date-link", style: "color: inherit" do %>
+            <span class="fas fa-calendar-alt"></span>
+          <% end %>
+        <% else %>
           <span class="fas fa-calendar-alt"></span>
         <% end %>
-      <% else %>
-        <span class="fas fa-calendar-alt"></span>
-      <% end %>
-    </div>
-    <div class="well well-sm">
-      <span class="hidden-xs hidden-sm  hidden-md"><%=t "my_modules.module_header.due_date" %></span>
-      <% if can_manage_module?(@my_module) %>
-        <%= link_to due_date_my_module_path(@my_module, format: :json), remote: true, class: "due-date-link", style: "color: inherit" do %>
+      </div>
+      <div class="well well-sm">
+        <span class="hidden-xs hidden-sm  hidden-md"><%=t "my_modules.module_header.due_date" %></span>
+        <% if can_manage_module?(@my_module) %>
+          <%= link_to due_date_my_module_path(@my_module, format: :json), remote: true, class: "due-date-link", style: "color: inherit" do %>
+            <span class="task-due-date">
+              <%= render partial: "module_header_due_date_label.html.erb",
+                locals: { my_module: @my_module } %>
+            </span>
+          <% end %>
+        <% else %>
           <span class="task-due-date">
             <%= render partial: "module_header_due_date_label.html.erb",
               locals: { my_module: @my_module } %>
           </span>
         <% end %>
-      <% else %>
-        <span class="task-due-date">
-          <%= render partial: "module_header_due_date_label.html.erb",
-            locals: { my_module: @my_module } %>
-        </span>
-      <% end %>
-    </div>
+      </div>
+    </span>
   </div>