diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 9530e77a..dbfbe51d 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -100,8 +100,14 @@ function reset() {
             />
           </div>
 
-          <div class="col text-subtitle1 text-weight-bold text-center">
-            <text v-if="category" class="app-text-muted">{{ category }} /</text>
+          <div class="col text-weight-bold text-center">
+            <text
+              v-if="badgeLabel"
+              class="badge-label text-caption text-grey-8"
+            >
+              {{ badgeLabel }}
+            </text>
+            <text v-if="category" class="app-text-muted">{{ category }}</text>
             {{ title }}
 
             <text
@@ -117,13 +123,6 @@ function reset() {
                   : $t('statusACTIVE')
               }}
             </text>
-            <text
-              v-if="badgeLabel"
-              class="badge-label q-px-sm text-caption"
-              :class="badgeClass"
-            >
-              {{ badgeLabel }}
-            </text>
           </div>
 
           <div style="width: 31.98px"></div>
@@ -238,8 +237,6 @@ function reset() {
 
 .badge-label {
   display: inline-block;
-  border-radius: var(--radius-6);
-  background-color: var(--surface-2);
   text-wrap: nowrap;
 }
 </style>