diff --git a/frontend/src/views/app-store/index.scss b/frontend/src/views/app-store/index.scss
index 414ebaeba..5f13ac119 100644
--- a/frontend/src/views/app-store/index.scss
+++ b/frontend/src/views/app-store/index.scss
@@ -2,7 +2,9 @@
     margin-top: 10px;
     cursor: pointer;
     padding: 10px;
-
+    .icon {
+        text-align: center;
+    }
 
     .a-detail {
         height: 100%;
@@ -41,7 +43,7 @@
         }
         .d-button {
             margin-top: 10px;
-						min-width: 440px;
+            min-width: 440px;
         }
     }
     &:hover {
diff --git a/frontend/src/views/app-store/installed/index.vue b/frontend/src/views/app-store/installed/index.vue
index b0c4db38b..ffadbc927 100644
--- a/frontend/src/views/app-store/installed/index.vue
+++ b/frontend/src/views/app-store/installed/index.vue
@@ -56,7 +56,16 @@
                 </div>
             </div>
             <el-row :gutter="5">
-                <el-col v-for="(installed, index) in data" :key="index" :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
+                <el-col
+                    v-for="(installed, index) in data"
+                    :key="index"
+                    :xs="24"
+                    :sm="24"
+                    :md="24"
+                    :lg="12"
+                    :xl="12"
+                    class="install-card-col-12"
+                >
                     <div class="install-card">
                         <el-row :gutter="24">
                             <el-col :xs="3" :sm="3" :md="3" :lg="4" :xl="4">
@@ -398,4 +407,10 @@ onUnmounted(() => {
 
 <style scoped lang="scss">
 @import '../index.scss';
+@media only screen and (max-width: 1300px) {
+    .install-card-col-12 {
+        max-width: 100%;
+        flex: 0 0 100%;
+    }
+}
 </style>