Adds menu coupling for ui message

src/definitions/collections/message.less

@@ -119,9 +119,7 @@
   top: @closeTopDistance;
   right: @closeRightDistance;
   opacity: @closeOpacity;
-  transition:
-    opacity 0.1s linear
-  ;
+  transition: @closeTransition;
 }
 .ui.message > .close.icon:hover {
   opacity: 1;
@@ -135,6 +133,13 @@
   margin-bottom: 0em;
 }
 
+/*******************************
+            Coupling
+*******************************/
+
+.ui.dropdown .menu > .message {
+  margin: 0px -@borderWidth;
+}
 
 /*******************************
             States
@@ -160,6 +165,7 @@
   display: none;
 }
 
+
 /*******************************
             Variations
 *******************************/
@@ -232,6 +238,7 @@
 .ui.icon.message .circular.icon {
   width: 1em;
 }
+
 /*--------------
     Floating
 ---------------*/

src/themes/default/collections/message.variables

@@ -56,6 +56,7 @@
 @closeTopDistance: (1em + @lineHeightOffset);
 @closeRightDistance: 0.5em;
 @closeOpacity: 0.7;
+@closeTransition: opacity @defaultDuration @defaultEasing;
 
 
 /*-------------------