diff --git a/view/src/vier.css b/view/src/vier.css
index 831b9c3..5094ea9 100644
--- a/view/src/vier.css
+++ b/view/src/vier.css
@@ -26,6 +26,7 @@
 	z-index: 99;
 	display: none;
 	padding: 10px;
+	margin-left: 10px;
 	background-color: #FFF;
 	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 }
@@ -57,4 +58,27 @@ div.preview-postbox > button {
 	border: none;
 	padding: 0;
 	overflow: hidden;
+}
+/* handle patterns and animations */
+div.preview-postbox > button:hover,
+div.preview-postbox > button:focus {
+  position: relative;
+  z-index: 10;
+  transform-origin: center;
+  transform: scale(2);
+}
+
+div.pick-postbox {
+  height: 320px !important;
+  width:  320px !important;;
+  transform-origin: top left;
+  transform: scale(.1);
+}
+div.pick-postbox, div.pick-postbox::before, div.pick-postbox::after {
+  animation-play-state: paused;
+}
+
+div.pick-postbox:hover, div.pick-postbox:hover::before, div.pick-postbox:hover::after,
+button:focus div.pick-postbox, button:focus div.pick-postbox::before, button:focus div.pick-postbox::after {
+  animation-play-state: running;
 }
\ No newline at end of file