diff --git a/web/src/App.vue b/web/src/App.vue
index b7fa1fb..385cca8 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -42,7 +42,7 @@ export default defineComponent({
     </div>
 
     <div class="flex flex-col md:flex-row flex-1">
-      <div :class="($store.state.ExpandMenu ? 'md:w-72 ' : 'md:w-36 ') + ($store.state.ShowMenu ? '' : 'hidden')" class="md:block flex-shrink-0 w-full">
+      <div :class="[$store.state.ExpandMenu ? 'md:w-72' : 'md:w-36', $store.state.ShowMenu ? '' : 'hidden']" class="md:block flex-shrink-0 w-full">
         <router-view name="sidebar"></router-view>
       </div>