diff --git a/services/web/public/coffee/ide/editor/directives/aceEditor.coffee b/services/web/public/coffee/ide/editor/directives/aceEditor.coffee
index fdfe5a86b7..28530a660a 100644
--- a/services/web/public/coffee/ide/editor/directives/aceEditor.coffee
+++ b/services/web/public/coffee/ide/editor/directives/aceEditor.coffee
@@ -216,8 +216,7 @@ define [
 					</div>
 					<div class="ace-editor-body"></div>
 					<div
-						id="spellCheckMenu"
-						class="dropdown context-menu"
+						class="dropdown context-menu spell-check-menu"
 						ng-show="spellingMenu.open"
 						ng-style="{top: spellingMenu.top, left: spellingMenu.left}"
 						ng-class="{open: spellingMenu.open}"
diff --git a/services/web/public/coffee/ide/editor/directives/aceEditor/spell-check/SpellCheckManager.coffee b/services/web/public/coffee/ide/editor/directives/aceEditor/spell-check/SpellCheckManager.coffee
index 5782f74ba7..9853ac2eca 100644
--- a/services/web/public/coffee/ide/editor/directives/aceEditor/spell-check/SpellCheckManager.coffee
+++ b/services/web/public/coffee/ide/editor/directives/aceEditor/spell-check/SpellCheckManager.coffee
@@ -6,6 +6,8 @@ define [
 
 	class SpellCheckManager
 		constructor: (@$scope, @editor, @element) ->
+			$(document.body).append @element.find(".spell-check-menu")
+			
 			@updatedLines = []
 			@highlightedWordManager = new HighlightedWordManager(@editor)