diff --git a/resources/js/show/views/Label/ShowLabel.vue b/resources/js/show/views/Label/ShowLabel.vue
index 55c26157..a3d5891b 100644
--- a/resources/js/show/views/Label/ShowLabel.vue
+++ b/resources/js/show/views/Label/ShowLabel.vue
@@ -82,7 +82,7 @@
                 <div class="mt-4" style="text-align:center">
                   <v-layout row wrap>
                     <v-flex xs6 md12 sm12 v-if="barcodeimg">
-                      <img :src="barcodeimg" class="WM-Width-500"><br />
+                      <img :src="barcodeimg" class="WM-Width-350"><br />
                       <span>{{data.id}}</span>
                     </v-flex>
                   </v-layout>
diff --git a/resources/js/vue/components/modal/label/Show.vue b/resources/js/vue/components/modal/label/Show.vue
index 86833482..ec6dabd9 100644
--- a/resources/js/vue/components/modal/label/Show.vue
+++ b/resources/js/vue/components/modal/label/Show.vue
@@ -80,7 +80,7 @@
                 <div class="mt-4" style="text-align:center">
                   <v-layout row wrap>
                     <v-flex xs6 md12 sm12 v-if="barcodeimg">
-                      <img :src="barcodeimg" class="WM-Width-500"><br />
+                      <img :src="barcodeimg" class="WM-Width-350"><br />
                       <span>{{data.id}}</span>
                     </v-flex>
                   </v-layout>
diff --git a/resources/js/vue/styles/css/Assets/WM-ModernTheme.scss b/resources/js/vue/styles/css/Assets/WM-ModernTheme.scss
index 0f223319..57553a79 100644
--- a/resources/js/vue/styles/css/Assets/WM-ModernTheme.scss
+++ b/resources/js/vue/styles/css/Assets/WM-ModernTheme.scss
@@ -892,3 +892,6 @@
 .WM-Width-500{
     width:500px;
 }
+.WM-Width-400{
+    width:400px;
+}