diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.jsx b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
index 087e344b5..fbd4011c1 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.jsx
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.jsx
@@ -151,7 +151,7 @@ const MetadataEditor = createClass({
 			dropdown =
 				<Nav.dropdown className='disabled' trigger='disabled'>
 					<div>
-						{`Themes are not suppdorted in the Legacy Renderer`} <i className='fas fa-caret-down'></i>
+						{`Themes are not supported in the Legacy Renderer`} <i className='fas fa-caret-down'></i>
 					</div>
 				</Nav.dropdown>;
 		} else {
diff --git a/client/homebrew/editor/metadataEditor/metadataEditor.less b/client/homebrew/editor/metadataEditor/metadataEditor.less
index 357ed6abd..a7746c882 100644
--- a/client/homebrew/editor/metadataEditor/metadataEditor.less
+++ b/client/homebrew/editor/metadataEditor/metadataEditor.less
@@ -87,6 +87,7 @@
 		.navDropdownContainer {
 			background-color: white;
 			width: 100%;
+			position: relative;
 			&.disabled {
 				font-style:italic;
 				font-style: italic;
@@ -107,6 +108,8 @@
 			}
 			.navDropdown {
 				box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
+				position:absolute;
+				width:100%;
 				.item {
 					padding: 3px 3px;
 					border-top: 1px solid rgb(118, 118, 118);
@@ -121,7 +124,7 @@
 						mask-image: linear-gradient(90deg, transparent, black 20%);
 						-webkit-mask-image: linear-gradient(90deg, transparent, black 20%);
 				    position: absolute;
-				    right: 0px;
+				    left: ~"max(100px, 100% - 300px)";
 				    top: 0px;
 					}
 				}