diff --git a/templates/index.html.ep b/templates/index.html.ep
index 0cb9f63..a367e13 100644
--- a/templates/index.html.ep
+++ b/templates/index.html.ep
@@ -91,8 +91,8 @@
 		 } );
 
      $( function() {
-				 $( "#tabs" ).tabs();
-     } );
+				 $( "#tabs" ).tabs(); // .addClass('ui-helper-clearfix tabs-left-vertical');
+		 } );
 
 		 $( function() {
 				 $( ".controlgroup-vertical" ).controlgroup({
@@ -119,6 +119,25 @@
 	     font-size: 11pt;
      }
 
+.tabs-left-vertical .ui-tabs-nav { 
+    position: absolute; 
+    width: 21em; 
+    transform: translate(-100%,0%) rotate(-90deg); 
+    transform-origin: 100% 0%; 
+} 
+     .
+.tabs-left-vertical .ui-tabs-nav li { 
+    float: right; 
+} 
+
+.tabs-left-vertical .ui-tabs-panel { 
+    padding-left: 3.5em; 
+} 
+
+.tabs-left-vertical .ui-tabs-panel { 
+    height: 20em; 
+     }
+
      .mono {
        font-family: "DejaVu Sans Mono", Inconsolata, SourceCodePro, Courier;
      }
@@ -479,8 +498,9 @@
 			</div>
 			<div id="tabs">
 				<ul>
-					<li><a href="#tabs-1">Semantics</a></li>
-					<li><a href="#tabs-2">Syntagmatic (collocators)</a></li>
+					<li><a href="#tabs-1">Semantics (TSNE-map)</a></li>
+					<li><a href="#tabs-2">Semantics (SOM)</a></li>
+					<li><a href="#tabs-3">Syntagmatic (collocators)</a></li>
 				</ul>
 				<div id="tabs-1">
 						% if($lists && (@$lists) > 0 && (@$lists)[0]) {
@@ -557,16 +577,16 @@
 							</div>
 							<div id="cost">
 							</div>
-							% if($show_som) {
-								<div id="som2">
-								</div>
-								<div id="sominfo1"><span id="somcolor1">   </span> <span id="somword1"> </span> <span id="somcolor2">   </span> <span id="somword2"> </span> <span id="somcolor3">   </span></div>
-								<div id="sominfo">SOM iteration <span id="iterations">0</span></div>
-							% }
 						</div>
-					</div>
+					    </div>
 				</div>
-				<div id="tabs-2">
+        <div id="tabs-2">
+					<div id="som2" style="width: 800; height: 800px">
+					</div>
+					<div id="sominfo1"><span id="somcolor1">   </span> <span id="somword1"> </span> <span id="somcolor2">   </span> <span id="somword2"> </span> <span id="somcolor3">   </span></div>
+					<div id="sominfo">SOM iteration <span id="iterations">0</span></div>
+        </div>
+				<div id="tabs-3">
 					<div id="second" style="width:500px">
 						<table class="display compact nowrap" id="secondtable">
 							<thead>
@@ -615,7 +635,8 @@
 						</tbody>
 					</table>
 				</div> <!-- - tab2 -->
-			</div> <!-- tabs -->
+			  </div> <!-- tabs -->
+      </div>
 		</div> <!-- topwrapper  -->
 		<div style="clear: both;"></div>
 		</div>