diff --git a/src/components/Sidebar/NavLink/NavLink.vue b/src/components/Sidebar/NavLink/NavLink.vue
index 5047be5..3650bbb 100644
--- a/src/components/Sidebar/NavLink/NavLink.vue
+++ b/src/components/Sidebar/NavLink/NavLink.vue
@@ -1,5 +1,5 @@
 <template>
-  <li v-if="!childrenLinks && isHeader" :class="{headerLink: true, className}">
+  <li v-if="!childrenLinks && isHeader" :class="{headerLink: true, [className]: className}">
     <router-link :to="link" class="sidebar-link">
       <span class="icon">
         <i :class="fullIconName"></i>
@@ -8,7 +8,7 @@
       <b-badge v-if="badge" variant="primary" pill>{{badge}}</b-badge>
     </router-link>
   </li>
-  <li v-else-if="childrenLinks" :class="{headerLink: true, className}">
+  <li v-else-if="childrenLinks" :class="{headerLink: true, [className]: className}">
     <div @click="() => togglePanelCollapse(link)">
       <router-link :to="link" event="" class="d-flex sidebar-link">
         <span class="icon">
diff --git a/src/components/Widget/Widget.vue b/src/components/Widget/Widget.vue
index 8940ff4..0840596 100644
--- a/src/components/Widget/Widget.vue
+++ b/src/components/Widget/Widget.vue
@@ -1,7 +1,7 @@
 <template>
   <section :class="{
     widget: true,
-    className,
+    [className]: className,
     collapsed: state === 'collapse',
     fullscreened: state === 'fullscreen',
     loading: fetchingData