diff --git a/components/Buttons/FilterButton.vue b/components/Buttons/FilterButton.vue
index 3370a894..91748c3b 100644
--- a/components/Buttons/FilterButton.vue
+++ b/components/Buttons/FilterButton.vue
@@ -232,7 +232,8 @@ export default Vue.extend({
     },
     disabled: {
       type: Boolean,
-      required: true
+      required: false,
+      default: false
     }
   },
   data() {
diff --git a/components/Buttons/SortButton.vue b/components/Buttons/SortButton.vue
index 1b4d8c22..52842f3f 100644
--- a/components/Buttons/SortButton.vue
+++ b/components/Buttons/SortButton.vue
@@ -44,7 +44,8 @@ export default Vue.extend({
   props: {
     disabled: {
       type: Boolean,
-      required: true
+      required: false,
+      default: false
     }
   },
   data() {
diff --git a/components/Buttons/TypeButton.vue b/components/Buttons/TypeButton.vue
index 075d03e6..93cf150b 100644
--- a/components/Buttons/TypeButton.vue
+++ b/components/Buttons/TypeButton.vue
@@ -48,7 +48,8 @@ export default Vue.extend({
     },
     disabled: {
       type: Boolean,
-      required: true
+      required: false,
+      default: false
     }
   },
   data() {
diff --git a/pages/library/_viewId.vue b/pages/library/_viewId.vue
index 3b582845..dc6d836f 100644
--- a/pages/library/_viewId.vue
+++ b/pages/library/_viewId.vue
@@ -4,11 +4,9 @@
       <span class="text-h6 hidden-sm-and-down">
         {{ collectionInfo.Name }}
       </span>
-      <v-chip v-if="!loading" small class="ma-2 hidden-sm-and-down">
-        {{ itemsCount }}
-      </v-chip>
-      <v-chip v-else class="ma-2 hidden-sm-and-down">
-        <v-progress-circular width="2" indeterminate size="15" />
+      <v-chip :small="!loading" class="ma-2 hidden-sm-and-down">
+        <template v-if="!loading">{{ itemsCount }}</template>
+        <v-progress-circular v-else width="2" indeterminate size="16" />
       </v-chip>
       <v-divider inset vertical class="mx-2 hidden-sm-and-down" />
       <type-button