diff --git a/src/components/cards/PluginAppCard.vue b/src/components/cards/PluginAppCard.vue
index 4ed26d3b..c5164ce8 100644
--- a/src/components/cards/PluginAppCard.vue
+++ b/src/components/cards/PluginAppCard.vue
@@ -167,6 +167,7 @@ const dropdownItems = ref([
           }"
         >
           <div
+            class="flex-grow"
             :style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
           >
             <VCardText class="px-2 pt-2 pb-0">
@@ -197,20 +198,27 @@ const dropdownItems = ref([
               </div>
             </div>
           </div>
-          <VCardText class="flex flex-none align-self-baseline py-2 w-full align-end">
-            <span>
-              <VIcon icon="mdi-github" class="me-1" />
-              <a :href="props.plugin?.author_url" target="_blank" @click.stop>
-                {{ props.plugin?.plugin_author }}
-              </a>
-            </span>
-            <span v-if="props.count" class="ms-3">
-              <VIcon icon="mdi-download" />
-              <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
-            </span>
+          <VCardText class="flex flex-col align-self-baseline px-2 py-2 w-full overflow-hidden">
+            <div class="flex flex-nowrap items-center w-full pe-7">
+              <span>
+                <VIcon icon="mdi-github" class="me-1" />
+                <a
+                  class="overflow-hidden text-ellipsis whitespace-nowrap"
+                  :href="props.plugin?.author_url"
+                  target="_blank"
+                  @click.stop
+                >
+                  {{ props.plugin?.plugin_author }}
+                </a>
+              </span>
+              <span v-if="props.count" class="ms-2 flex-shrink-0 download-count">
+                <VIcon icon="mdi-download" />
+                <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
+              </span>
+            </div>
             <div class="me-n3 absolute bottom-0 right-3">
               <IconBtn>
-                <VIcon icon="mdi-dots-vertical" />
+                <VIcon size="small" icon="mdi-dots-vertical" />
                 <VMenu activator="parent" close-on-content-click>
                   <VList>
                     <VListItem v-for="(item, i) in dropdownItems" v-show="item.show" :key="i" @click="item.props.click">
diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 090e4d2c..0f2d8246 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -344,6 +344,7 @@ watch(
           }"
         >
           <div
+            class="flex-grow"
             :style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
           >
             <VCardText class="px-2 pt-2 pb-0">
@@ -375,22 +376,29 @@ watch(
               </div>
             </div>
           </div>
-          <VCardText class="flex flex-none align-self-baseline py-2 w-full align-end">
-            <span class="author-info">
-              <VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
-                <VIcon v-if="!isAvatarLoaded" icon="mdi-github" class="me-1" />
-              </VImg>
-              <a :href="props.plugin?.author_url" target="_blank" @click.stop>
-                {{ props.plugin?.plugin_author }}
-              </a>
-            </span>
-            <span v-if="props.count" class="ms-3">
-              <VIcon icon="mdi-download" />
-              <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
-            </span>
+          <VCardText class="flex flex-col align-self-baseline px-2 py-2 w-full overflow-hidden">
+            <div class="flex flex-nowrap items-center w-full pe-7">
+              <span class="author-info flex-shrink-1 overflow-hidden text-ellipsis whitespace-nowrap">
+                <VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
+                  <VIcon v-if="!isAvatarLoaded" size="small" icon="mdi-github" class="me-1" />
+                </VImg>
+                <a
+                  :href="props.plugin?.author_url"
+                  target="_blank"
+                  @click.stop
+                  class="overflow-hidden text-ellipsis whitespace-nowrap"
+                >
+                  {{ props.plugin?.plugin_author }}
+                </a>
+              </span>
+              <span v-if="props.count" class="ms-2 flex-shrink-0 download-count">
+                <VIcon size="small" icon="mdi-download" />
+                <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
+              </span>
+            </div>
             <div class="me-n3 absolute bottom-0 right-3">
               <IconBtn>
-                <VIcon icon="mdi-dots-vertical" />
+                <VIcon size="small" icon="mdi-dots-vertical" />
                 <VMenu v-model="menuVisible" activator="parent" close-on-content-click>
                   <VList>
                     <VListItem
diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index c98d34db..55bb7275 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -365,21 +365,20 @@ function onSubscribeEditRemove() {
                   </div>
                 </div>
               </VCardText>
-              <VCardText class="flex justify-space-between align-center flex-wrap">
+              <VCardText class="flex justify-space-between align-center flex-wrap px-2">
                 <div class="flex align-center">
                   <IconBtn
                     v-if="props.media?.total_episode"
                     v-bind="props"
                     icon="mdi-progress-download"
                     color="white"
-                    class="me-1"
                   />
-                  <div v-if="props.media?.season" class="text-xs me-2 text-white">
+                  <div v-if="props.media?.season" class="text-sm me-2 text-white">
                     {{ (props.media?.total_episode || 0) - (props.media?.lack_episode || 0) }} /
                     {{ props.media?.total_episode }}
                   </div>
-                  <IconBtn v-if="props.media?.username" icon="mdi-account" color="white" class="me-1" />
-                  <span v-if="props.media?.username" class="text-xs text-white">
+                  <IconBtn v-if="props.media?.username" icon="mdi-account" color="white" />
+                  <span v-if="props.media?.username" class="text-sm text-white">
                     {{ props.media?.username }}
                   </span>
                 </div>