multiple drop down new styles

wax-questions-service/src/MultipleDropDownService/components/ContainerEditor.js

@@ -16,6 +16,7 @@ import FakeCursorPlugin from '../plugins/FakeCursorPlugin';
 
 const EditorWrapper = styled.div`
   position: relative;
+  height: 100%;
 
   > .ProseMirror {
     padding: 5px !important;

wax-questions-service/src/MultipleDropDownService/components/DropDownComponent.js

@@ -119,6 +119,7 @@ export default ({ setPosition, position }) => {
     const { from } = selection;
     const WaxSurface = activeView.dom.getBoundingClientRect();
     const start = activeView.coordsAtPos(from);
+    console.log(start, WaxSurface.top);
     const left = start.left - WaxSurface.left - 75;
     const top = start.top - WaxSurface.top + 25;
     setPosition({ ...position, left, top });

wax-questions-service/src/MultipleDropDownService/components/MultipleDropDownComponent.js

@@ -14,16 +14,14 @@ const activeStylesSvg = css`
 `;
 
 const StyledIconActionContainer = styled.span`
-  display: inline;
-  padding: 2px;
-  ${props => props.isActive && activeStylesContainer}
-`;
-
-const StyledIconAction = styled(Icon)`
+  display: inline-block;
   height: 24px;
   width: 24px;
   cursor: pointer;
+  ${props => props.isActive && activeStylesContainer}
+`;
 
+const StyledIconAction = styled(Icon)`
   ${props => props.isActive && activeStylesSvg}
 `;