diff --git a/editor/ui/dialogs/content/EdImageProps.js b/editor/ui/dialogs/content/EdImageProps.js
index 1ebb6356880f..42bb17bf4bb0 100644
--- a/editor/ui/dialogs/content/EdImageProps.js
+++ b/editor/ui/dialogs/content/EdImageProps.js
@@ -198,7 +198,7 @@ function InitDialog()
   switch ( align )
   {
     case "top":
-    case "center":
+    case "middle":
     case "right":
     case "left":
       gDialog.alignTypeSelect.value = align;
@@ -572,7 +572,7 @@ function ValidateData()
   switch ( gDialog.alignTypeSelect.value )
   {
     case "top":
-    case "center":
+    case "middle":
     case "right":
     case "left":
       globalElement.setAttribute( "align", gDialog.alignTypeSelect.value );
diff --git a/editor/ui/dialogs/content/EdImageProps.xul b/editor/ui/dialogs/content/EdImageProps.xul
index 6ae3da736d12..237d04e5713f 100644
--- a/editor/ui/dialogs/content/EdImageProps.xul
+++ b/editor/ui/dialogs/content/EdImageProps.xul
@@ -227,12 +227,12 @@
           <spacer class="spacer"/>
           <menulist id="alignTypeSelect" class="align-menu">
             <menupopup>
-              <menuitem class="align-menu" value="top" label="&topPopup.value;"/>
-              <menuitem class="align-menu" value="center" label="&centerPopup.value;"/>
+              <menuitem class="align-menu" value="top"    label="&topPopup.value;"/>
+              <menuitem class="align-menu" value="middle" label="&centerPopup.value;"/>
               <menuitem class="align-menu" value="bottom" label="&bottomPopup.value;"/>
               <!-- HTML attribute value is opposite of the button label on purpose -->
-              <menuitem class="align-menu" value="right" label="&wrapLeftPopup.value;"/>
-              <menuitem class="align-menu" value="left"  label="&wrapRightPopup.value;"/>
+              <menuitem class="align-menu" value="right"  label="&wrapLeftPopup.value;"/>
+              <menuitem class="align-menu" value="left"   label="&wrapRightPopup.value;"/>
             </menupopup>
           </menulist>
         </groupbox>