diff --git a/src/main/webapp/css/main.css b/src/main/webapp/css/main.css
index 69188bdf9..501d21d14 100644
--- a/src/main/webapp/css/main.css
+++ b/src/main/webapp/css/main.css
@@ -156,7 +156,6 @@ img {
 }
 
 #leftside-navigation {
-  height:400px;
   overflow-y:scroll;
   overflow-x:hidden;
 }
diff --git a/src/main/webapp/js/application.js b/src/main/webapp/js/application.js
index 926cc58fb..785331d95 100644
--- a/src/main/webapp/js/application.js
+++ b/src/main/webapp/js/application.js
@@ -8,6 +8,10 @@ var app = function() {
         // menu is handled by angular
         //menu();
         togglePanel();
+        sideBarLeftInit();
+        window.onresize = function(){
+            sideBarLeftInit();    
+        }
         closePanel();        
     };
 
@@ -203,6 +207,9 @@ var app = function() {
         $('.slider-span').slider()
     };
 
+    var sideBarLeftInit = function(){
+        $("#leftside-navigation").css("height", (window.innerHeight-80)+"px");
+    };
 
     //return functions
     return {
@@ -211,9 +218,10 @@ var app = function() {
         map: map,
         sliders: sliders,
         weather: weather,
-        morrisPie: morrisPie
-
+        morrisPie: morrisPie,
+        sideBarLeftInit:sideBarLeftInit
     };
+    
+    
 }();
 
-