Some Tweaks

components/01_Atoms/message/_message.scss

@@ -1,11 +1,14 @@
 .LP-Message{
 	display: flex;
 	flex-direction: row;
-	align-items: center;
+	justify-content: center; 
+	align-items: stretch; 
 	background-color: $-almost-white;
 	font-family: $-primary-sans-serif-font;
 	border-radius: 3px;
 	font-weight: bold;
+	box-shadow: 0 0 2px $-grey;
+	overflow: hidden;
 
 	&--error{
 		.LP-Message__Icon{
@@ -47,12 +50,19 @@
 		background-size: 40px 40px;
 		background-repeat: no-repeat;
 		background-position: center; 
-		height: 50px;
+		height: 100%;
+		min-height: 50px;
 		width: 50px;
 		filter: invert(1);
+		flex-shrink: 0;
+		flex-grow: 0;
 	}
 
 	.LP-Message__Text{
 		padding: 0 15px;
+		flex-grow: 1;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
 	}
 }

components/01_Atoms/message/message.hbs

@@ -1,5 +1,8 @@
 <div class="LP-Message {{#if modifier}}LP-Message{{modifier}}{{/if}}">
-	<div class="LP-Message__Icon">
+	<div>
+		<div class="LP-Message__Icon">
+		
+		</div>
 	</div>
 	<div class="LP-Message__Text">
 		{{messageText}}

components/02_Molecules/_molecules.scss

@@ -1,4 +1,5 @@
 @import 'textSection/textSection';
 @import 'placeTeaser/placeTeaser';
 @import 'tagList/tagList';
-@import 'navigation/navigation';
+@import 'navigation/navigation';
+@import 'messageList/messageList';