diff --git a/packages/components/popover/style/index.less b/packages/components/popover/style/index.less
index 2ba113278..a1453d369 100644
--- a/packages/components/popover/style/index.less
+++ b/packages/components/popover/style/index.less
@@ -16,16 +16,16 @@
     z-index: 1;
 
     > .@{header-prefix} {
-      padding-left: 12px;
-      padding-right: 12px;
+      padding-left: var(--ix-padding-size-md);
+      padding-right: var(--ix-padding-size-md);
     }
   }
 
   &-content {
-    padding: 12px;
+    padding: var(--ix-padding-size-sm) var(--ix-padding-size-md);
   }
 
   .@{header-prefix} + &-content {
-    padding-top: 4px;
+    padding-top: var(--ix-padding-size-xs);
   }
 }
diff --git a/packages/components/tooltip/style/index.less b/packages/components/tooltip/style/index.less
index 5ad9c57ea..05276d3e9 100644
--- a/packages/components/tooltip/style/index.less
+++ b/packages/components/tooltip/style/index.less
@@ -14,7 +14,7 @@
     word-wrap: break-word;
     min-width: var(--ix-tooltip-min-width);
     max-width: var(--ix-tooltip-max-width);
-    padding: 4px 8px;
+    padding: var(--ix-padding-size-xs) var(--ix-padding-size-sm);
     z-index: 1;
   }
 }