diff --git a/src/App.vue b/src/App.vue
index 9df4ed430..df46a2094 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -783,11 +783,12 @@ h2 {
 
   &.bot::after {
     content: 'bot';
+    color: $white;
     position: absolute;
     bottom: -4px;
     font-size: 10px;
     line-height: 10px;
-    padding: 1px 2px;
+    padding: 1px 4px;
     background-color: $grey-strong;
     border: 1px solid $white;
     border-radius: 3px;
@@ -2211,6 +2212,18 @@ th.validation-cell {
   }
 }
 
+.warning {
+  color: $orange;
+}
+
+.warning-text {
+  background-color: rgba($orange, 0.2);
+  border-left: 4px solid $orange;
+  border-bottom-right-radius: 0.5em;
+  border-top-right-radius: 0.5em;
+  padding: 0.5em;
+}
+
 @media screen and (max-width: 1000px) {
   .button .icon.is-small {
     margin-right: 0;
diff --git a/src/assets/icons/fi-rotate-ccw.svg b/src/assets/icons/fi-rotate-ccw.svg
index ade5dc426..7fa11eb19 100644
--- a/src/assets/icons/fi-rotate-ccw.svg
+++ b/src/assets/icons/fi-rotate-ccw.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#363636" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>
diff --git a/src/components/lists/DayOffList.vue b/src/components/lists/DayOffList.vue
index 4a6c6c441..f23115c9c 100644
--- a/src/components/lists/DayOffList.vue
+++ b/src/components/lists/DayOffList.vue
@@ -9,7 +9,7 @@
         @click="openSetDayOffModal"
       />
     </div>
-    <div class="datatable-wrapper">
+    <div class="datatable-wrapper" v-if="sortedDaysOff.length > 0">
       <table class="datatable">
         <thead class="datatable-head">
           <tr>
@@ -54,6 +54,13 @@
       </table>
     </div>
 
+    <div
+      class="has-text-centered mt2 mb1 strong"
+      v-if="sortedDaysOff.length === 0 && !isLoading"
+    >
+      <p>{{ $t('days_off.no_days_off') }}</p>
+    </div>
+
     <table-info :is-loading="isLoading" :is-error="isError" />
 
     <p class="has-text-centered footer-info" v-if="!isLoading">
diff --git a/src/components/lists/KanbanBoard.vue b/src/components/lists/KanbanBoard.vue
index 376b2283d..baa023ccb 100644
--- a/src/components/lists/KanbanBoard.vue
+++ b/src/components/lists/KanbanBoard.vue
@@ -57,30 +57,41 @@
             v-for="task in column.tasks"
           >
             <div class="ui-droppable">
-              <production-name
-                :production="{
-                  id: task.project_id,
-                  name: task.project_name
-                }"
-                :size="25"
-                v-if="!production"
+              <entity-preview
+                style="cursor: grab; margin-top: 1px; margin-left: 1px"
+                :empty-height="100"
+                :empty-width="266"
+                :entity="{ preview_file_id: task.entity_preview_file_id }"
+                cover
+                is-rounded-top-border
               />
-              <div class="flexrow">
-                <entity-thumbnail
-                  :empty-width="80"
-                  :empty-height="60"
-                  :entity="{ preview_file_id: task.entity_preview_file_id }"
-                />
-                <div class="pa1 ellipsis">
-                  {{ task.full_entity_name }}
+              <div class="infos flexrow">
+                <div>
+                  <div class="production-name mb0">
+                    {{ productionMap.get(task.project_id)?.name }}
+                  </div>
+                  <div class="entity-name ellipsis mt0">
+                    {{ task.full_entity_name }}
+                  </div>
+                </div>
+                <div class="filler"></div>
+                <div>
+                  <task-type-name
+                    style="cursor: grab"
+                    :task-id="task.id"
+                    :task-type="getTaskType(task)"
+                    :rounded="true"
+                  />
                 </div>
-              </div>
-              <div class="level mt05">
-                <task-type-name
-                  :task-id="task.id"
-                  :task-type="getTaskType(task)"
-                />
                 <div class="avatars">
+                  <people-avatar
+                    :is-link="false"
+                    :key="`${task.id}-${person.id}`"
+                    :person="person"
+                    :size="20"
+                    :font-size="12"
+                    v-for="person in getSortedPeople(task.assignees)"
+                  />
                   <span
                     class="priority"
                     :class="{
@@ -93,14 +104,6 @@
                   >
                     {{ formatPrioritySymbol(task.priority) }}
                   </span>
-                  <people-avatar
-                    :is-link="false"
-                    :key="`${task.id}-${person.id}`"
-                    :person="person"
-                    :size="20"
-                    :font-size="12"
-                    v-for="person in getSortedPeople(task.assignees)"
-                  />
                 </div>
               </div>
             </div>
@@ -136,9 +139,8 @@ import { domMixin } from '@/components/mixins/dom'
 import { formatListMixin } from '@/components/mixins/format'
 
 import AddPreviewModal from '@/components/modals/AddPreviewModal'
-import EntityThumbnail from '@/components/widgets/EntityThumbnail'
+import EntityPreview from '@/components/widgets/EntityPreview'
 import PeopleAvatar from '@/components/widgets/PeopleAvatar'
-import ProductionName from '@/components/widgets/ProductionName'
 import TableInfo from '@/components/widgets/TableInfo'
 import TaskTypeName from '@/components/widgets/TaskTypeName'
 
@@ -149,9 +151,8 @@ export default {
 
   components: {
     AddPreviewModal,
-    EntityThumbnail,
+    EntityPreview,
     PeopleAvatar,
-    ProductionName,
     TableInfo,
     TaskTypeName
   },
@@ -503,10 +504,10 @@ export default {
 }
 
 .board-card {
-  cursor: pointer;
+  cursor: grab;
+  position: relative;
 
   .ui-droppable {
-    padding: 1em;
     border-radius: 1em;
     border: 1px solid var(--border-alt);
     background-color: var(--background-alt);
@@ -555,7 +556,6 @@ export default {
 .avatars {
   display: flex;
   flex-direction: row;
-  gap: 10px;
 }
 
 .production-name {
@@ -590,4 +590,25 @@ export default {
     background: $red;
   }
 }
+
+.infos {
+  padding: 0.5em;
+}
+
+.production-name {
+  font-weight: 400;
+  margin-bottom: 0em;
+  text-transform: uppercase;
+}
+
+.entity-name {
+  font-size: 1.1em;
+  font-weight: 600;
+}
+
+.avatars {
+  position: absolute;
+  right: 5px;
+  top: 75px;
+}
 </style>
diff --git a/src/components/lists/PeopleList.vue b/src/components/lists/PeopleList.vue
index e2c668923..b51c21999 100644
--- a/src/components/lists/PeopleList.vue
+++ b/src/components/lists/PeopleList.vue
@@ -59,7 +59,7 @@
               v-if="isBots"
             >
               {{ person.expiration_date }}
-              <alert-triangle-icon class="icon" />
+              <alert-triangle-icon class="icon mr05" />
             </td>
             <td class="role">{{ $t(`people.role.${person.role}`) }}</td>
             <td class="contract" v-if="!isBots">
diff --git a/src/components/modals/AddAttachmentModal.vue b/src/components/modals/AddAttachmentModal.vue
index 4b1794885..c5d81e193 100644
--- a/src/components/modals/AddAttachmentModal.vue
+++ b/src/components/modals/AddAttachmentModal.vue
@@ -9,6 +9,15 @@
 
     <div class="modal-content">
       <div class="box content">
+        <!--div
+          ref="dropMask"
+          id="drop-mask"
+          class="drop-mask"
+          @drop="onDrop"
+          v-if="isDraggingFile"
+        >
+          {{ $t('main.drop_files_here') }}
+        </div-->
         <h2 class="subtitle">{{ title }}</h2>
         <h1 class="title">
           {{ $t('tasks.comment_image') }}
@@ -145,7 +154,8 @@ export default {
   data() {
     return {
       forms: [],
-      isAnnotationLoading: false
+      isAnnotationLoading: false,
+      isDraggingFile: false
     }
   },
 
@@ -209,6 +219,26 @@ export default {
 
     removeAttachment(form) {
       this.forms = this.forms.filter(f => f !== form)
+    },
+
+    onDrop(event) {
+      this.isDraggingFile = false
+      this.fileField.onDrop(event)
+      event.preventDefault()
+    },
+
+    onFileDragover(event) {
+      event.preventDefault()
+      event.stopPropagation()
+      this.isDraggingFile = true
+    },
+
+    onFileDragLeave(event) {
+      event.preventDefault()
+      event.stopPropagation()
+      if (event.target.id === 'drop-mask') {
+        this.isDraggingFile = false
+      }
     }
   },
 
@@ -288,4 +318,20 @@ h3.subtitle {
 .buttons {
   flex-wrap: wrap;
 }
+
+.drop-mask {
+  align-items: center;
+  background: rgba(0.1, 0, 0, 0.5);
+  border-radius: 5px;
+  color: white;
+  display: flex;
+  font-size: 2em;
+  justify-content: center;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 1000;
+}
 </style>
diff --git a/src/components/modals/AddPreviewModal.vue b/src/components/modals/AddPreviewModal.vue
index 35c07a5f2..532139963 100644
--- a/src/components/modals/AddPreviewModal.vue
+++ b/src/components/modals/AddPreviewModal.vue
@@ -5,11 +5,29 @@
       modal: true,
       'is-active': active
     }"
+    ref="modal"
   >
-    <div class="modal-background" @click="$emit('cancel')"></div>
-
-    <div class="modal-content">
-      <div class="box content">
+    <div
+      ref="background"
+      class="modal-background"
+      @click="$emit('cancel')"
+    ></div>
+
+    <div
+      class="modal-content"
+      @dragover="onFileDragover"
+      @dragleave="onFileDragLeave"
+    >
+      <div id="modal-content" class="box content" :class="{ dragging: true }">
+        <div
+          ref="dropMask"
+          id="drop-mask"
+          class="drop-mask"
+          @drop="onDrop"
+          v-if="isDraggingFile"
+        >
+          {{ $t('main.drop_files_here') }}
+        </div>
         <h2 class="subtitle">{{ title }}</h2>
         <h1 class="title" v-if="isEditing">
           {{ $t('tasks.change_preview') }}
@@ -171,7 +189,8 @@ export default {
 
   data() {
     return {
-      forms: []
+      forms: [],
+      isDraggingFile: false
     }
   },
 
@@ -224,6 +243,28 @@ export default {
 
     removePreview(form) {
       this.forms = this.forms.filter(f => f !== form)
+    },
+
+    onFileDragover(event) {
+      event.preventDefault()
+      event.stopPropagation()
+      this.isDraggingFile = true
+    },
+
+    onFileDragLeave(event) {
+      event.preventDefault()
+      event.stopPropagation()
+      if (event.target.id === 'drop-mask') {
+        this.isDraggingFile = false
+      }
+    },
+
+    onDrag(event) {},
+
+    onDrop(event) {
+      this.previewField.onDrop(event)
+      this.isDraggingFile = false
+      event.preventDefault()
     }
   },
 
@@ -312,4 +353,24 @@ h3.subtitle {
 .preview-files-field {
   margin: auto;
 }
+
+.box.content {
+  position: relative;
+}
+
+.drop-mask {
+  align-items: center;
+  background: rgba(0.1, 0, 0, 0.5);
+  border-radius: 5px;
+  color: white;
+  display: flex;
+  font-size: 2em;
+  justify-content: center;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 1000;
+}
 </style>
diff --git a/src/components/modals/DayOffModal.vue b/src/components/modals/DayOffModal.vue
index c1b4d24b9..ee0debc88 100644
--- a/src/components/modals/DayOffModal.vue
+++ b/src/components/modals/DayOffModal.vue
@@ -46,7 +46,7 @@
           :required="false"
           v-model.trim="form.description"
         />
-        <p class="mb2">
+        <p class="mb2 warning-text">
           <alert-triangle-icon class="icon mr05 warning" />{{
             $t('days_off.confirm_day_offs')
           }}
@@ -189,8 +189,4 @@ export default {
 .modal-content .box p.text {
   margin-bottom: 1em;
 }
-
-.warning {
-  color: $orange;
-}
 </style>
diff --git a/src/components/modals/EditPersonModal.vue b/src/components/modals/EditPersonModal.vue
index 7ed60b534..b3826dbd7 100644
--- a/src/components/modals/EditPersonModal.vue
+++ b/src/components/modals/EditPersonModal.vue
@@ -11,10 +11,10 @@
           {{ $t(isBot ? 'bots.new_bot' : 'people.new_person') }}
         </h1>
         <text-field
+          ref="name-field"
           :errored="form.first_name && !isValidName"
           :label="$t(isBot ? 'bots.fields.name' : 'people.fields.first_name')"
           :disabled="personToEdit.is_generated_from_ldap"
-          ref="name-field"
           v-model.trim="form.first_name"
         />
         <text-field
diff --git a/src/components/modals/NewTokenModal.vue b/src/components/modals/NewTokenModal.vue
index c870bfa99..a1b2c0ac3 100644
--- a/src/components/modals/NewTokenModal.vue
+++ b/src/components/modals/NewTokenModal.vue
@@ -8,10 +8,9 @@
         </h1>
 
         <form class="form" @submit.prevent v-if="!person.access_token">
-          <p class="mb2">
-            <alert-triangle-icon class="icon mr05 warning" />{{
-              $t('bots.new_token_warning')
-            }}
+          <p class="mb2 warning-text">
+            <alert-triangle-icon class="icon mr05 warning" />
+            {{ $t('bots.new_token_warning') }}
           </p>
           <date-field
             :disabled-dates="{ to: new Date() }"
@@ -37,7 +36,7 @@
         </form>
 
         <template v-else>
-          <p class="mb2 strong">
+          <p class="mb2 warning-text">
             <alert-triangle-icon class="icon mr05 warning" />{{
               $t('bots.copy_token_warning')
             }}
diff --git a/src/components/pages/Bots.vue b/src/components/pages/Bots.vue
index 4da6b96d8..493006ad2 100644
--- a/src/components/pages/Bots.vue
+++ b/src/components/pages/Bots.vue
@@ -45,7 +45,18 @@
       @delete-clicked="onDeleteClicked"
       @edit-clicked="onEditClicked"
       @refresh-clicked="onRefreshClicked"
+      v-if="isPeopleLoading || currentPeople.length > 0"
     />
+    <div class="has-text-centered strong" v-else>
+      <p>{{ $t('bots.no_bots') }}</p>
+      <button-simple
+        class="mt1"
+        :text="$t('bots.new_bot')"
+        :is-responsive="true"
+        @click="onNewClicked"
+        v-if="isCurrentUserAdmin"
+      />
+    </div>
 
     <edit-avatar-modal
       :active="modals.avatar"
diff --git a/src/components/pages/ProductionNewsFeed.vue b/src/components/pages/ProductionNewsFeed.vue
index cf491f824..a9ca77ca7 100644
--- a/src/components/pages/ProductionNewsFeed.vue
+++ b/src/components/pages/ProductionNewsFeed.vue
@@ -280,7 +280,6 @@
             class="stat-wrapper"
             v-for="stat in renderedStats"
           >
-            <div>{{ stat.name }} : {{ stat.value }}</div>
             <span
               class="stat-tag"
               :title="stat.name + ': ' + stat.value"
@@ -289,6 +288,7 @@
                 width: (stat.value / statMax) * 100 + '%'
               }"
             >
+              <div class="stat-text">{{ stat.name }} : {{ stat.value }}</div>
             </span>
           </div>
         </div>
@@ -995,17 +995,29 @@ export default {
   }
 
   .stat-tag {
+    border-radius: 6px;
+    border-bottom: 1px solid var(--border);
+    box-shadow: 0 0 2px var(--box-shadow);
     display: inline-block;
+    font-size: 0.8em;
+    height: 32px;
+    padding-left: 4px;
     margin-right: 1em;
     margin-top: 0;
     margin-bottom: 0.4em;
-    font-size: 0.8em;
     font-weight: bold;
     width: 100%;
-    height: 12px;
-    border-radius: 2px;
-    border-bottom: 1px solid var(--border);
-    box-shadow: 0 0 2px var(--box-shadow);
+  }
+
+  .stat-text {
+    display: inline-block;
+    background: rgba(255, 255, 255, 0.8);
+    font-weight: bold;
+    padding: 4px 8px;
+    margin-top: 3px;
+    color: $black;
+    border-radius: 6px;
+    white-space: nowrap;
   }
 }
 
diff --git a/src/components/pages/Shot.vue b/src/components/pages/Shot.vue
index eb23e5984..758782efa 100644
--- a/src/components/pages/Shot.vue
+++ b/src/components/pages/Shot.vue
@@ -561,7 +561,7 @@ export default {
       this.getCurrentShot()
         .then(shot => {
           this.currentShot = shot
-          this.currentSection = this.route.query.section || 'casting'
+          this.currentSection = this.route.query.section || 'infos'
           this.casting.isLoading = true
           this.casting.isError = false
           if (this.currentShot) {
diff --git a/src/components/pages/Team.vue b/src/components/pages/Team.vue
index 5018f2ce4..0628e9b68 100644
--- a/src/components/pages/Team.vue
+++ b/src/components/pages/Team.vue
@@ -30,7 +30,10 @@
     </template>
     <template v-slot:side v-if="isCurrentUserManager">
       <div class="importers flexcolumn">
-        <div class="project-import flexcolumn">
+        <div
+          class="project-import flexcolumn"
+          v-if="availableProductions.length > 0"
+        >
           <combobox-production
             class="flexrow-item"
             :label="$t('people.import_from_production')"
@@ -45,7 +48,13 @@
             @click="importTeamFromProduction"
           />
         </div>
-        <div class="department-import flexcolumn mt2">
+        <div
+          :class="{
+            'department-import': true,
+            flexcolumn: true,
+            mt2: availableProductions.length > 0
+          }"
+        >
           <combobox-department
             class="flexrow-item"
             :label="$t('people.import_from_department')"
diff --git a/src/components/pages/Todos.vue b/src/components/pages/Todos.vue
index 169ed62dc..0752f6a95 100644
--- a/src/components/pages/Todos.vue
+++ b/src/components/pages/Todos.vue
@@ -9,7 +9,7 @@
           :tabs="todoTabs"
         />
 
-        <div class="flexrow" v-if="!isActiveTab('days_off')">
+        <div class="flexrow" v-if="!isActiveTab('daysoff')">
           <search-field
             class="flexrow-item search-field"
             ref="todos-search-field"
@@ -136,7 +136,7 @@
           :day-off-error="dayOffError"
           @set-day-off="onSetDayOff"
           @unset-day-off="onUnsetDayOff"
-          v-if="isActiveTab('days_off')"
+          v-if="isActiveTab('daysoff')"
         />
       </div>
     </div>
@@ -344,7 +344,7 @@ export default {
         },
         {
           label: this.$t('days_off.title'),
-          name: 'days_off'
+          name: 'daysoff'
         }
       ].filter(Boolean)
     },
@@ -477,7 +477,7 @@ export default {
       const availableSections = [
         'board',
         'calendar',
-        'days-off',
+        'daysoff',
         'done',
         'pending',
         'timesheets'
diff --git a/src/components/pages/logs/PreviewFiles.vue b/src/components/pages/logs/PreviewFiles.vue
index 204d6cf4b..7c3e7316f 100644
--- a/src/components/pages/logs/PreviewFiles.vue
+++ b/src/components/pages/logs/PreviewFiles.vue
@@ -6,7 +6,7 @@
       <button-simple class="flexrow-item" icon="refresh" @click="reload" />
     </p>
     <template v-if="previewFiles.length === 0 && !previewFilesLoading">
-      {{ $t('logs.preview_files.empty_list') }}
+      <p class="empty">{{ $t('logs.preview_files.empty_list') }}</p>
     </template>
     <template v-else>
       <preview-file-list
@@ -108,4 +108,12 @@ em {
   color: white;
   background: $blue;
 }
+
+.empty {
+  color: var(--text);
+  font-size: 1.2em;
+  font-weight: 500;
+  text-align: center;
+  margin-top: 1em;
+}
 </style>
diff --git a/src/components/widgets/AddComment.vue b/src/components/widgets/AddComment.vue
index ccb02f4b0..711e18ee6 100644
--- a/src/components/widgets/AddComment.vue
+++ b/src/components/widgets/AddComment.vue
@@ -259,6 +259,7 @@
             :narrow="true"
             :color-only="true"
             :task-status-list="taskStatus"
+            :production-id="task.project_id"
             v-model="task_status_id"
           />
           <button-simple
@@ -654,6 +655,9 @@ export default {
     },
 
     onDrop(event) {
+      if (event.target.id === 'drop-mask') return
+      if (event.target.parentElement?.className?.indexOf('box')) return
+      if (event.target.parentElement?.className?.indexOf('buttons')) return
       const forms = []
       for (let i = 0; i < event.dataTransfer.files.length; i++) {
         const form = new FormData()
diff --git a/src/components/widgets/ComboboxStatus.vue b/src/components/widgets/ComboboxStatus.vue
index 224fe691c..a06cbb888 100644
--- a/src/components/widgets/ComboboxStatus.vue
+++ b/src/components/widgets/ComboboxStatus.vue
@@ -42,7 +42,7 @@
           :key="status.id"
           class="status-line"
           @click="selectStatus(status)"
-          v-for="status in taskStatusList"
+          v-for="status in sortedTaskStatusList"
         >
           <span
             class="tag"
@@ -65,6 +65,8 @@ import { mapGetters } from 'vuex'
 import { ChevronDownIcon } from 'vue-feather-icons'
 
 import colors from '@/lib/colors'
+import { sortTaskStatuses } from '@/lib/sorting'
+
 import ComboboxMask from '@/components/widgets/ComboboxMask'
 
 export default {
@@ -113,6 +115,10 @@ export default {
     openTop: {
       default: false,
       type: Boolean
+    },
+    productionId: {
+      default: '',
+      type: String
     }
   },
 
@@ -121,7 +127,16 @@ export default {
   },
 
   computed: {
-    ...mapGetters(['isDarkTheme', 'taskStatusMap']),
+    ...mapGetters(['isDarkTheme', 'productionMap', 'taskStatusMap']),
+
+    sortedTaskStatusList() {
+      if (this.productionId) {
+        const production = this.productionMap.get(this.productionId)
+        return sortTaskStatuses(this.taskStatusList, production)
+      } else {
+        return this.taskStatusList
+      }
+    },
 
     currentStatus() {
       if (this.value) {
diff --git a/src/components/widgets/EntityPreview.vue b/src/components/widgets/EntityPreview.vue
index b93144a65..4e45c3521 100644
--- a/src/components/widgets/EntityPreview.vue
+++ b/src/components/widgets/EntityPreview.vue
@@ -29,7 +29,7 @@
       'border-top-left-radius': isRoundedTopBorder ? '10px' : '',
       'border-top-right-radius': isRoundedTopBorder ? '10px' : ''
     }"
-    v-else
+    v-else-if="!cover"
   >
     <img
       class="thumbnail-picture"
@@ -48,6 +48,21 @@
       <eye-icon size="1.2x" />
     </span>
   </a>
+  <a
+    class="preview-wrapper preview-picture"
+    target="_blank"
+    :style="{
+      width: emptyWidth + 'px',
+      'min-width': emptyWidth + 'px',
+      height: emptyHeight + 'px',
+      'border-top-left-radius': isRoundedTopBorder ? '10px' : '',
+      'border-top-right-radius': isRoundedTopBorder ? '10px' : '',
+      'background-image': `url(${thumbnailPath})`,
+      'background-size': 'cover'
+    }"
+    v-else
+  >
+  </a>
 </template>
 
 <script>
@@ -79,6 +94,10 @@ export default {
       default: false,
       type: Boolean
     },
+    cover: {
+      default: false,
+      type: Boolean
+    },
     width: {
       default: null,
       type: Number
diff --git a/src/components/widgets/Schedule.vue b/src/components/widgets/Schedule.vue
index 52e440a42..5e39cae93 100644
--- a/src/components/widgets/Schedule.vue
+++ b/src/components/widgets/Schedule.vue
@@ -356,7 +356,7 @@
                 :title="dayOff.description"
                 v-for="(dayOff, index) in getDayOffRange(rootElement.daysOff)"
               >
-                <briefcase-icon size="14" />
+                <briefcase-icon class="day-off-icon" size="14" />
               </div>
               <div
                 class="entity-line root-element"
@@ -2094,9 +2094,10 @@ const setItemPositions = (items, attributeName, unitOfTime = 'days') => {
       }
 
       .day-off-icon {
+        color: white;
         position: absolute;
         top: -1px;
-        opacity: 0.25;
+        z-index: 10000;
       }
 
       .weekday-number {
@@ -2529,18 +2530,24 @@ const setItemPositions = (items, attributeName, unitOfTime = 'days') => {
 
 .day-off {
   position: absolute;
-  z-index: 0;
   width: 19px;
   height: 100%;
   line-height: 40px;
   text-align: center;
-  color: $light-grey;
+  color: $dark-grey-light;
   background-color: #f0f0f0;
 
   .dark & {
-    color: $dark-grey;
+    color: $white;
     background-color: #43474d;
   }
+
+  .day-off-icon {
+    position: absolute;
+    left: 3px;
+    top: 15px;
+    z-index: 100;
+  }
 }
 
 .day-name-off,
diff --git a/src/components/widgets/SettingImporter.vue b/src/components/widgets/SettingImporter.vue
index 82f2edbfc..222f47d93 100644
--- a/src/components/widgets/SettingImporter.vue
+++ b/src/components/widgets/SettingImporter.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="project-import flexcolumn">
+    <div
+      class="project-import flexcolumn"
+      v-if="availableProductions.length > 0"
+    >
       <combobox-production
         class="flexrow-item"
         :label="$t('settings.import_from_production')"
@@ -17,7 +20,12 @@
       />
     </div>
     <div>
-      <p class="label mt2">
+      <p
+        :class="{
+          label: true,
+          mt2: availableProductions.length > 0
+        }"
+      >
         {{ $t('settings.available_items') }}
       </p>
       <div class="import-list" v-if="items.length > 0">
diff --git a/src/components/widgets/StatusStats.vue b/src/components/widgets/StatusStats.vue
index b919a86c5..37cc17ce2 100644
--- a/src/components/widgets/StatusStats.vue
+++ b/src/components/widgets/StatusStats.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="status-stats">
     <div :key="'stat-' + stat.name" class="stat-wrapper" v-for="stat in stats">
-      <div>{{ stat.name }} : {{ stat.value }}</div>
       <div
         :key="'stat-value-' + stat.name.toLowerCase()"
         class="stat-line"
@@ -10,7 +9,9 @@
           background: stat.color,
           width: (stat.value / statMax) * 100 + '%'
         }"
-      ></div>
+      >
+        <span class="stat-text">{{ stat.name }} : {{ stat.value }}</span>
+      </div>
     </div>
   </div>
 </template>
@@ -50,16 +51,28 @@ export default {
   flex: 1;
 
   .stat-line {
-    border: 1px solid var(--border-alt);
+    border-radius: 6px;
     display: inline-block;
     margin-right: 1em;
     margin-top: 0;
     margin-bottom: 0.4em;
+    padding-left: 4px;
+    padding-top: 1px;
     font-size: 0.8em;
     font-weight: bold;
     width: 100%;
-    height: 12px;
-    border-radius: 2px;
+    height: 32px;
+  }
+
+  .stat-text {
+    display: inline-block;
+    background: rgba(255, 255, 255, 0.8);
+    font-weight: bold;
+    padding: 4px 8px;
+    margin-top: 3px;
+    color: $black;
+    border-radius: 6px;
+    white-space: nowrap;
   }
 }
 </style>
diff --git a/src/components/widgets/TaskTypeName.vue b/src/components/widgets/TaskTypeName.vue
index b1228cf95..bcc180eb5 100644
--- a/src/components/widgets/TaskTypeName.vue
+++ b/src/components/widgets/TaskTypeName.vue
@@ -2,7 +2,11 @@
   <router-link :to="targetRoute" v-if="productionId && !isCurrentUserClient">
     <span
       class="tag task-type-name"
-      :style="{ 'border-left': '4px solid ' + color }"
+      :style="{
+        'border-left': '4px solid ' + color,
+        'border-top-right-radius': rounded ? '5px' : '0px',
+        'border-bottom-right-radius': rounded ? '5px' : '0px'
+      }"
     >
       {{ taskType.name }}
     </span>
@@ -15,7 +19,11 @@
       deletable,
       canceled: disable
     }"
-    :style="{ 'border-left': '4px solid ' + color }"
+    :style="{
+      'border-left': '4px solid ' + color,
+      'border-top-right-radius': rounded ? '5px' : '0px',
+      'border-bottom-right-radius': rounded ? '5px' : '0px'
+    }"
     v-else
   >
     {{ taskType.name }}
@@ -46,6 +54,10 @@ export default {
       type: String,
       default: null
     },
+    rounded: {
+      type: Boolean,
+      default: false
+    },
     taskId: {
       type: String,
       default: null
diff --git a/src/locales/en.js b/src/locales/en.js
index 24e47237c..4c4e74ab1 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -81,16 +81,17 @@ export default {
   },
 
   bots: {
-    title: 'Bots',
-    bots: 'bot | bots',
     active_bots: 'active bot | active bots',
-    new_bot: 'Add a new bot',
-    edit_title: 'Edit bot',
+    bots: 'bot | bots',
+    copy_token_warning: 'Make sure you copy the token below. You will not be able to see it again.',
     edit_avatar_error: 'An error occurred while updating the bot avatar.',
+    edit_title: 'Edit bot',
+    new_bot: 'Add a new bot',
     new_token_title: 'New API token for {name}',
     new_token_warning: 'If you generate a new token, the old one will be disabled.',
+    no_bot: 'There is no bot. Do you want to create one?',
     generate: 'Generate a new token',
-    copy_token_warning: 'Make sure you copy the token below. You will not be able to see it again.',
+    title: 'Bots',
     token_copied: 'Token copied to clipboard!',
     fields: {
       name: 'Name',
@@ -547,6 +548,7 @@ export default {
     department: 'Department',
     description: 'Description',
     documentation: 'Documentation',
+    drop_files_here: 'Drop files here',
     edit: 'Edit',
     empty_comment: 'Empty comment',
     empty_schedule: 'There are no tasks or they don\'t have start dates.',
@@ -1607,6 +1609,7 @@ export default {
     updated_at: 'Update date',
     nb_days_off: 'Day Off | Days Off',
     no_day_off: 'No day off for the selected period.',
+    no_days_off: 'You have registered no day off yet.',
     add: 'Add day off',
     edit: 'Edit day off',
     delete: 'Delete day off',