diff --git a/webpack/scss/container/card.scss b/webpack/scss/container/card.scss
index e02f849..c49ddd9 100644
--- a/webpack/scss/container/card.scss
+++ b/webpack/scss/container/card.scss
@@ -20,6 +20,8 @@
 	align-content:   flex-start;
 	flex-wrap:       wrap;
 
+	margin: .5em;
+
 	z-index: 101;
 	overflow: auto;
 
@@ -33,7 +35,7 @@
 		flex: 1 0 80%; // 70% to almost fill the line
 		height: 1.2em;
 
-		margin: 1em .5em;
+		margin: .5em;
 		padding: .5em 1em;
 
 		margin-right: 0;
@@ -49,7 +51,7 @@
 
 			flex: 0 0 calc( 2em - 2*.5em );
 
-			margin: 1em .5em;
+			margin: .5em;
 
 			font-weight: bold;
 
@@ -65,7 +67,7 @@
 		display: flex;
 		position: relative;
 
-		margin: 1em .5em;
+		margin: .5em;
 		padding: 1.5em;
 
 		border-radius: 3px / 3px;
@@ -558,7 +560,8 @@
 	display: flex;
 	min-height: calc( 4em - 2*.5em - 2*.5em );
 
-	margin: .5em;
+	margin: 1em;
+	margin-bottom: .5em;
 	padding: .5em;
 
 	border-radius: 3px / 3px;
@@ -646,8 +649,9 @@
 			display: none;
 			position: absolute;
 				width: 15em;
-				height: 15em;
-				margin-top: 2em;
+				max-height: 25em;
+				margin-top: 1em;
+				z-index: 110;
 
 			border: 1px solid #ddd;
 			border-radius: 3px;