diff --git a/index.html b/index.html
index c698a03b..b6ec21d2 100644
--- a/index.html
+++ b/index.html
@@ -2777,6 +2777,8 @@
         <div style="left:12.4em" data-tip="Click to sort by diplomatical relations" class="sortable alphabetically" data-sortby="relations">Relations&nbsp;</div>
       </div>
 
+	    <div id="diplomacyBodySection" class="table"></div>
+
       <div id="diplomacySelect">
         <div data-tip="Ally means states formed a defensive pact and will protect each other in case of third party aggression">Ally</div>
         <div data-tip="State is friendly to anouther state when they share some common interests">Friendly</div>
@@ -2789,8 +2791,6 @@
         <div data-tip="Suzerain is a state having some control over its vassals">Suzerain</div>
       </div>
 
-      <div id="diplomacyBodySection" class="table"></div>
-
       <div id="diplomacyBottom" style="margin-top: .1em">
         <button id="diplomacyEditorRefresh" data-tip="Refresh the Editor" class="icon-cw"></button>
         <button id="diplomacyEditStyle" data-tip="Edit states (including diplomacy view) style in Style Editor" class="icon-adjust"></button>