diff --git a/view/theme/vier/dark.css b/view/theme/vier/dark.css
index d34330010..023e41946 100644
--- a/view/theme/vier/dark.css
+++ b/view/theme/vier/dark.css
@@ -69,6 +69,10 @@ li :hover {
 	background-color: #343434;
 }
 
+table.smiley-preview{
+	background-color: #252C33 !important;
+}
+
 /* ACL permission popup */
  .acl-list-item.groupshow {
 	border-color: #9ade00 !important;
diff --git a/view/theme/vier/shadow.css b/view/theme/vier/shadow.css
index 2f0bd9cbc..9cf142ad6 100644
--- a/view/theme/vier/shadow.css
+++ b/view/theme/vier/shadow.css
@@ -24,7 +24,7 @@ nav .nav-notify {
   padding: 1px 3px;
   border-radius: 5px 5px 5px 5px;
 }
-// -----
+
 nav .nav-menu-icon .nav-notify {
   top: 0px;
 }
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 0b52b5096..2b78d25d7 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -2024,6 +2024,15 @@ section.minimal {
   cursor: pointer;
   margin-top: 3px;
   height: 10px;
+  display: inline-block;
+}
+#smileybutton {
+  position: absolute;
+  z-index: 99;
+}
+table.smiley-preview{
+  background-color: #FFF;
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
 }
 #jot-perms-icon {
   float: right;