diff --git a/resources/assets/src/components/common/Previewer.vue b/resources/assets/src/components/common/Previewer.vue
index d3f6fdbf..5947a8de 100644
--- a/resources/assets/src/components/common/Previewer.vue
+++ b/resources/assets/src/components/common/Previewer.vue
@@ -1,28 +1,28 @@
 <template>
     <div class="box box-default">
         <div class="box-header with-border">
-            <h3 class="box-title" style="width: 100%;">{!! $title or trans('general.texture-preview') !!}
+            <h3 class="box-title" style="width: 100%;">{{ $t('general.texturePreview') }}
                 <span data-toggle="tooltip" class="badge bg-light-blue">{{ indicator }}</span>
                 <div class="operations">
                     <i
                         @click="toggleRun"
                         data-toggle="tooltip"
                         data-placement="bottom"
-                        title="@lang('general.walk').' / '.trans('general.run')"
+                        :title="$t('general.walk') + ' / ' + $t('general.run')"
                         class="fa fa-forward"
                     ></i>
                     <i
                         @click="toggleRotate"
                         data-toggle="tooltip"
                         data-placement="bottom"
-                        title="@lang('general.rotation')"
+                        :title="$t('general.rotation')"
                         class="fa fa-repeat"
                     ></i>
                     <i
                         @click="togglePause"
                         data-toggle="tooltip"
                         data-placement="bottom"
-                        title="@lang('general.pause')"
+                        :title="$t('general.pause')"
                         class="fa"
                         :class="{ 'fa-pause': !paused, 'fa-play': paused }"
                     ></i>
@@ -30,14 +30,14 @@
                         @click="reset"
                         data-toggle="tooltip"
                         data-placement="bottom"
-                        title="@lang('general.reset')"
+                        :title="$t('general.reset')"
                         class="fa fa-stop"
                     ></i>
                 </div>
             </h3>
         </div><!-- /.box-header -->
         <div class="box-body">
-            <div ref="previewer">
+            <div class="previewer-3d" ref="previewer">
                 <!-- Container for 3D Preview -->
             </div>
         </div><!-- /.box-body -->
diff --git a/resources/lang/en/front-end.yml b/resources/lang/en/front-end.yml
index 3f2f7f5b..268d5705 100644
--- a/resources/lang/en/front-end.yml
+++ b/resources/lang/en/front-end.yml
@@ -155,3 +155,9 @@ general:
   pagination: 'Page :page, total :total'
   searchResult: '(Search result of keyword ":keyword")'
   noResult: No result.
+  texturePreview: Texture Preview
+  walk: Walk
+  run: Run
+  rotation: Rotation
+  pause: Pause
+  reset: Reset
diff --git a/resources/lang/zh_CN/front-end.yml b/resources/lang/zh_CN/front-end.yml
index 8100a83e..69348525 100644
--- a/resources/lang/zh_CN/front-end.yml
+++ b/resources/lang/zh_CN/front-end.yml
@@ -151,6 +151,12 @@ general:
   pagination: '第 :page 页，共 :total 页'
   searchResult: '（关键词 “:keyword” 的搜索结果）'
   noResult: 无结果
+  texturePreview: 材质预览
+  walk: 行走
+  run: 奔跑
+  rotation: 旋转
+  pause: 暂停
+  reset: 重置
 
 vendor:
   fileinput: