How to align text using Toast UI Vue Image Editor Text Alignment?

[naveenkumarmark]

Version

"@toast-ui/vue-image-editor": "^1.0.2"

Development Environment

Windows 10, Chrome Version 76.0

Current Behavior

Toast Ui Image Editor text alignment not working correctly.
The Text Alignment helpers moves the controller not the text.

import ImageEditor from '@toast-ui/vue-image-editor/src/ImageEditor.vue'
export default {
  name: 'ToastUI',
  components: {
    'image-editor': ImageEditor
  },
  data () {
    return {
      useDefaultUI: true,
      options: {
        includeUI: {
          loadImage: {
            path: '',
            name: ''
          },
          theme: whiteTheme,
          initMenu: ['icon'],
          menuBarPosition: 'bottom',
          menu: ['crop', 'flip', 'rotate', 'draw', 'shape', 'icon', 'text', 'mask', 'filter'] //, 'filter',
        },
        cssMaxWidth: document.documentElement.clientWidth,
        cssMaxHeight: document.documentElement.clientHeight,
        selectionStyle: {
          cornerSize: 20,
          rotatingPointOffset: 70
        },
        usageStatistics: false
      }
 }
}

Expected Behavior

Able to align text with text alignment options