diff --git a/README.md b/README.md
index 04fcd8b..ec10652 100644
--- a/README.md
+++ b/README.md
@@ -24,8 +24,10 @@ Graph of Buienradars rain forecast
         fillColor: 'rgba(89, 160, 238, 0.2)'
         update_interval: 10
         icon: 'mdi:weather-rainy'
+        height: 300  
         
  (update interval is in seconds)
+ (height is optional)
 
 ### An example in my own UI as a Picture Element:
 
diff --git a/buien-rain-card.js b/buien-rain-card.js
index aea75f7..a0e483c 100644
--- a/buien-rain-card.js
+++ b/buien-rain-card.js
@@ -27,7 +27,8 @@ class RainCard extends HTMLElement {
 		if (!cardConfig.long) cardConfig.long = '4.899431';
 		if (!cardConfig.lat) cardConfig.lat = '52.377956';
 		if (!cardConfig.fillColor) cardConfig.fillColor = "rgba(0, 150, 255, 0.21)";
-		if (!cardConfig.lineColor) cardConfig.lineColor = "#0096ff";
+		if (!cardConfig.lineColor) cardConfig.lineColor = "#0096ff";	
+		if (!cardConfig.height) cardConfig.height = "300";
 
 		function hexToRgb(hex) {
 			var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
@@ -60,6 +61,9 @@ class RainCard extends HTMLElement {
         #container {
           padding: 20px 30px 10px 20px;
         }
+        #rainchart {
+          height: ` + cardConfig.height + `px;
+        }
       `;
 		content.id = 'container';
 		card.header = cardConfig.title;