diff --git a/web/app/templates/interactions/analysis.html.j2 b/web/app/templates/interactions/analysis.html.j2
index bd2b26be826a8bb8c4feedc7877117c59a2352ee..735ef951f009d71342a7adf04d952fbb4be0cfcf 100644
--- a/web/app/templates/interactions/analysis.html.j2
+++ b/web/app/templates/interactions/analysis.html.j2
@@ -1,6 +1,6 @@
 <!-- WIP. The user should be able to call several analysis tools from here.-->
 
-<div class="col s12 m2 l2" id="anlysis">
+<div class="col s12 m3 l2" id="anlysis">
   <h6 style="margin-top: 0px;">Analysis</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">
diff --git a/web/app/templates/interactions/cite.html.j2 b/web/app/templates/interactions/cite.html.j2
index c6d96b6c5394dc5213c6f7e8bb82918cb9a4e978..45767854c1f7a270cc74a6e8eb201cabc06fd79b 100644
--- a/web/app/templates/interactions/cite.html.j2
+++ b/web/app/templates/interactions/cite.html.j2
@@ -1,6 +1,6 @@
 <!-- WIP. The user should be able to cite nopaque and the current service easily using these buttons.-->
 
-<div class="col s12 m2 l2" id="cite">
+<div class="col s12 m3 l2" id="cite">
   <h6 style="margin-top: 0px;">Cite Nopaque</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">
diff --git a/web/app/templates/interactions/create.html.j2 b/web/app/templates/interactions/create.html.j2
index 81df453173fadbc0627b031c17b18e8b1814f2a3..d2c8a7984b5101d39ffc50667a4723fafc5d69b6 100644
--- a/web/app/templates/interactions/create.html.j2
+++ b/web/app/templates/interactions/create.html.j2
@@ -1,7 +1,7 @@
 <!-- HTML to allow the user to create sub results from the current query
 results.-->
 
-<div class="col s12 m2 l2" id="create">
+<div class="col s12 m3 l2" id="create">
   <h6 style="margin-top: 0px;">Create</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">
diff --git a/web/app/templates/interactions/display.html.j2 b/web/app/templates/interactions/display.html.j2
index 14b624b1c1dd544a9f4c76f4880caed5b8d6d947..1f5c10c05758e50a0776031e9b566551964f8ac4 100644
--- a/web/app/templates/interactions/display.html.j2
+++ b/web/app/templates/interactions/display.html.j2
@@ -1,6 +1,6 @@
 <!-- HTML to allow the user to change how the results are being displayed.-->
 
-<div class="col s12 m2 l2" id="display">
+<div class="col s12 m3 l2" id="display">
   <h6 style="margin-top: 0px;">Display</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">
@@ -14,7 +14,7 @@
           <div class="col s8">
             {{ display_options_form.expert_mode.label.text }}
           </div>
-          <div class="class col s4">
+          <div class="class col s4 right-align">
               <div class="switch">
                 <label style="margin-left: -20px;">
                   {{ display_options_form.expert_mode() }}
diff --git a/web/app/templates/interactions/export.html.j2 b/web/app/templates/interactions/export.html.j2
index 3c8194988aa181b96245aa441095ca7fcd662bd9..78862c9aae297a866de73502d7131482ad450350 100644
--- a/web/app/templates/interactions/export.html.j2
+++ b/web/app/templates/interactions/export.html.j2
@@ -1,7 +1,7 @@
 <!-- HTML to allow the user to export the current querey results in full or
 the selected sub results.-->
 
-<div class="col s12 m2 l2" id="export">
+<div class="col s12 m3 l2" id="export">
   <h6 style="margin-top: 0px;">Export</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">
@@ -16,7 +16,7 @@ the selected sub results.-->
             <i class="material-icons tiny">info_outline</i>
           </a>
         </div>
-        <div class="class col s4">
+        <div class="class col s4 right-align">
           <div class="switch">
             <label style="margin-left: -20px;">
               <input type="checkbox" id="export-full-inspect-context">
diff --git a/web/app/templates/interactions/infos.html.j2 b/web/app/templates/interactions/infos.html.j2
index 6b18464803a8dc97c77d05e2423307c5dd9a8b74..fc978a4b6a37bebf8ddc76bbff46417596e7a181 100644
--- a/web/app/templates/interactions/infos.html.j2
+++ b/web/app/templates/interactions/infos.html.j2
@@ -2,7 +2,7 @@
 the user the abiltiy to access the meta data for the current query or
 result.-->
 
-<div class="col s12 m2 l2" id="infos">
+<div class="col s12 m3 l2" id="infos">
   <h6 style="margin-top: 0px;">Infos</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">