diff --git a/src/components/ui/FetchedTags.vue b/src/components/ui/FetchedTags.vue
index a2dbf0c16..709961a7f 100644
--- a/src/components/ui/FetchedTags.vue
+++ b/src/components/ui/FetchedTags.vue
@@ -51,13 +51,11 @@ const tags = computed(() => {
 
 <style lang="scss" scoped>
 .fetchedTags {
-    display: grid;
-    grid-template-columns: repeat(3, 0fr);
-    grid-template-rows: repeat(2, auto);
-
-    max-width: 300px;
+    align-items: center;
     .wrap {
-        display: contents;
+        width: 100%;
+        flex-wrap: wrap;
+        display: flex;
     }
 
     .inline-tag {
@@ -71,12 +69,8 @@ const tags = computed(() => {
         border: 1px solid $color-spacer;
         text-overflow: ellipsis;
         overflow: hidden;
-        min-width: 7rem;
+        min-width: 4rem;
         max-width: 4rem;
     }
-
-    .empty {
-        border: 1px solid $color-spacer-light;
-    }
 }
 </style>