diff --git a/src/styles/styles.css b/src/styles/styles.css
index 9384e6c..4b5e318 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -25,3 +25,30 @@
 .center-button {
   min-width: 320px;
 }
+
+.grid-item {
+  margin: 5px;
+}
+
+.grid-main {
+  margin: 10px auto;
+}
+
+.card-link {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+}
+.card-link:hover {
+  text-decoration: none;
+}
+
+.micro-uuid {
+  font-size: 0.8rem;
+  color: rgba(0, 0, 0, 0.6);
+  margin: 0;
+}
+
+.text-center {
+  text-align: center;
+}
diff --git a/src/views/CollectionView.vue b/src/views/CollectionView.vue
index f5ec6fc..d260d50 100644
--- a/src/views/CollectionView.vue
+++ b/src/views/CollectionView.vue
@@ -39,20 +39,5 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.grid-item {
-  margin: 5px;
-}
 
-.grid-main {
-  margin: 10px auto;
-}
-
-.card-link {
-  display: block;
-  text-decoration: none;
-  color: inherit;
-}
-.card-link:hover {
-  text-decoration: none;
-}
 </style>