From e70e659dd99ae543a217af2f489ca82baf2b2ee7 Mon Sep 17 00:00:00 2001
From: Jack <jacklukic@gmail.com>
Date: Tue, 4 Sep 2018 17:19:10 -0700
Subject: [PATCH] Fix #6557, specifity issue with dropdown in some menu types

---
 RELEASE-NOTES.md                      | 1 +
 src/definitions/collections/menu.less | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
index 62726d86e..f4e332e1e 100755
--- a/RELEASE-NOTES.md
+++ b/RELEASE-NOTES.md
@@ -16,6 +16,7 @@ For example when `attachable: false` is used with a modal, or if IE11/Edge is us
 **Bugs**
 
 - **Dropdown** - Fixed issue where `onChange` when used with `action: hide` would be missing the third param `$item` #6555
+- **Menu/Dropdown** - Fixes dropdown item margin not obeyed inside `labeled icon menu` #6557
 
 
 ### Version 2.3.3 - June 18, 2018
diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less
index 10ae94fc8..cd40d5b3b 100755
--- a/src/definitions/collections/menu.less
+++ b/src/definitions/collections/menu.less
@@ -254,7 +254,7 @@
   display: inline-block;
   font-size: @dropdownItemIconFontSize !important;
   float: @dropdownItemIconFloat;
-  margin: @dropdownItemIconMargin;
+  margin: @dropdownItemIconMargin !important;
 }
 
 
@@ -1193,7 +1193,7 @@ Floated Menu / Item
 }
 
 /* Item */
-.ui.labeled.icon.menu  .item {
+.ui.labeled.icon.menu .item {
   min-width: @labeledIconMinWidth;
   flex-direction: column;
 }