diff --git a/apps/web-ele/src/views/iot/device/device/modules/card-view.vue b/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
index 6a5b525c5..75c57c0d4 100644
--- a/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
+++ b/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
@@ -205,7 +205,7 @@ onMounted(() => {
               </div>
             </div>
             <!-- 按钮组 -->
-            <div class="mt-auto flex gap-2 border-t border-border pt-3">
+            <div class="card-action-group mt-auto flex gap-2 border-t border-border pt-3">
               <ElButton
                 v-if="hasAccessByCodes(['iot:device:update'])"
                 size="small"
@@ -274,3 +274,10 @@ onMounted(() => {
     </div>
   </div>
 </template>
+
+<style scoped>
+/* Element Plus 默认会在相邻按钮之间加 margin-left:12px，与父容器的 gap-2 叠加导致按钮间距过大，这里清掉 */
+.card-action-group :deep(.el-button + .el-button) {
+  margin-left: 0;
+}
+</style>
diff --git a/apps/web-ele/src/views/iot/product/product/modules/card-view.vue b/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
index d73e005fd..929c9b00a 100644
--- a/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
+++ b/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
@@ -201,7 +201,7 @@ onMounted(() => {
               </div>
             </div>
             <!-- 按钮组 -->
-            <div class="mt-auto flex gap-2 border-t border-border pt-3">
+            <div class="card-action-group mt-auto flex gap-2 border-t border-border pt-3">
               <ElButton
                 v-if="hasAccessByCodes(['iot:product:update'])"
                 size="small"
@@ -284,3 +284,10 @@ onMounted(() => {
     </div>
   </div>
 </template>
+
+<style scoped>
+/* Element Plus 默认会在相邻按钮之间加 margin-left:12px，与父容器的 gap-2 叠加导致按钮间距过大，这里清掉 */
+.card-action-group :deep(.el-button + .el-button) {
+  margin-left: 0;
+}
+</style>