diff --git a/styles/PortableInfoboxMixins.scss b/styles/PortableInfoboxMixins.scss
index 19b7b4f..cdeddb1 100644
--- a/styles/PortableInfoboxMixins.scss
+++ b/styles/PortableInfoboxMixins.scss
@@ -25,6 +25,8 @@
 }
 
 @mixin individualElementsStyles() {
+	$padding: 10px;
+
 	.pi-image {
 		text-align: center; // center smaller image inside infobox
 	}
@@ -57,6 +59,8 @@
 
 	.pi-data-label {
 		@include flex-basis($infobox-width / 3);
+		max-width: $infobox-width / 3 - $padding;
+		word-wrap: break-word;
 	}
 
 	.pi-data-value {
@@ -66,7 +70,8 @@
 
 		&:not(:first-child) {
 			@include flex-basis($infobox-width * 2 / 3);
-			padding-left: 10px;
+
+			padding-left: $padding;
 		}
 	}
 }