diff --git a/front/src/views/capacitySquare/components/algorithm.vue b/front/src/views/capacitySquare/components/algorithm.vue
index 3ad40105..dadd7f2d 100644
--- a/front/src/views/capacitySquare/components/algorithm.vue
+++ b/front/src/views/capacitySquare/components/algorithm.vue
@@ -96,6 +96,8 @@
 <style lang="less" scoped>
   .algorithm {
     .algorithm-class {
+      margin-top: 0.6rem;
+      margin-bottom: 0.59rem;
       display: grid;
       grid-template-columns: repeat(3, 33%);
       height: 8.8rem;
@@ -112,8 +114,10 @@
         position: relative;
         :deep(.ant-image) {
           img {
-            height: 2.75rem;
-            width: 5.25rem;
+            margin-top: 0.15rem;
+            height: 2.6rem;
+            width: 5.05rem;
+            margin-left: 0.1rem;
           }
         }
         .algorithm-card-photo {
diff --git a/front/src/views/capacitySquare/components/layer.vue b/front/src/views/capacitySquare/components/layer.vue
index a84c2878..78a33f3c 100644
--- a/front/src/views/capacitySquare/components/layer.vue
+++ b/front/src/views/capacitySquare/components/layer.vue
@@ -96,6 +96,8 @@
 <style lang="less" scoped>
   .algorithm {
     .algorithm-class {
+      margin-top: 0.6rem;
+      margin-bottom: 0.59rem;
       display: grid;
       grid-template-columns: repeat(3, 33%);
       height: 8.8rem;
@@ -104,7 +106,7 @@
       margin-right: 0.15rem;
       .algorithm-card {
         height: 2.75rem;
-        width: 5.25rem;
+        width: 5.23rem;
         background: url('~@/assets/capacitySquare/algorithm-bg.png') no-repeat;
         background-size: 100%;
         margin-bottom: 0.3rem;
@@ -112,8 +114,10 @@
         position: relative;
         :deep(.ant-image) {
           img {
-            height: 2.75rem;
-            width: 5.25rem;
+            margin-top: 0.15rem;
+            height: 2.6rem;
+            width: 5.05rem;
+            margin-left: 0.1rem;
           }
         }
         .algorithm-card-photo {