diff --git a/src/views/dashboard/modules/FriendLinkCard.vue b/src/views/dashboard/modules/FriendLinkCard.vue
index 18d03d3..2ff3414 100644
--- a/src/views/dashboard/modules/FriendLinkCard.vue
+++ b/src/views/dashboard/modules/FriendLinkCard.vue
@@ -8,7 +8,7 @@
       <div class="content-wrapper">
         <div class="content-div" v-for="item in dataSource" :key="item.id" @click="clickLink(item)">
           <a-tooltip placement="top">
-            <img class="icon-img" :src="getImg(item.logoUrl)" :alt="item.name">
+            <div class="icon-img-box"><img class="icon-img" :src="getImg(item.logoUrl)" :alt="item.name"></div>
             <template slot="title">{{ item.name }}</template>
             <p>{{ item.name }}</p>
           </a-tooltip>
@@ -90,11 +90,21 @@ export default {
   align-items: center;
   margin: auto;
 
-  .icon-img {
-    border-radius: 8px;
+  .icon-img-box {
     width: @itemSize;
     height: @itemSize;
+    overflow: hidden;
+    border-radius: 8px;
     margin-bottom: 2px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .icon-img {
+      border-radius: 8px;
+      max-width: 100%;
+      max-height: 100%;
+    }
   }
   p {
     width: @itemSize;