diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 595ed6a40..848536dab 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -2,6 +2,10 @@
 
 ## Pending
 
+### Feats
+
+- `n-message-provider` add `container-style` prop
+
 ### Fixes
 
 - Fix `n-rate` half star overlays star background in dark mode.
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 4b55eac8e..dbd792cd8 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -1,8 +1,11 @@
 # CHANGELOG
 
-
 ## Pending
 
+### Feats
+
+- `n-message-provider` 新增 `container-style` 属性
+
 ### Fixes
 
 - 修复 `n-rate` 在深色模式下半个星星重叠
diff --git a/src/message/src/MessageProvider.tsx b/src/message/src/MessageProvider.tsx
index e0d483c6e..1f0169eac 100644
--- a/src/message/src/MessageProvider.tsx
+++ b/src/message/src/MessageProvider.tsx
@@ -11,7 +11,8 @@ import {
   ExtractPropTypes,
   renderSlot,
   Ref,
-  PropType
+  PropType,
+  CSSProperties
 } from 'vue'
 import { createId } from 'seemly'
 import { ExtractPublicPropTypes, omit } from '../../_utils'
@@ -71,7 +72,8 @@ const messageProviderProps = {
     default: 3000
   },
   max: Number,
-  closable: Boolean
+  closable: Boolean,
+  containerStyle: [String, Object] as PropType<string | CSSProperties>
 }
 
 export type MessageProviderProps = ExtractPublicPropTypes<
@@ -164,6 +166,7 @@ export default defineComponent({
             <div
               class={`${this.mergedClsPrefix}-message-container`}
               key="message-container"
+              style={this.containerStyle}
             >
               {this.messageList.map((message) => {
                 return (
diff --git a/src/message/tests/Message.spec.tsx b/src/message/tests/Message.spec.tsx
index cc2114e33..2324980e5 100644
--- a/src/message/tests/Message.spec.tsx
+++ b/src/message/tests/Message.spec.tsx
@@ -111,4 +111,31 @@ describe('message-provider', () => {
       done()
     })
   })
+
+  it('props.container-style', (done) => {
+    const Test = defineComponent({
+      setup () {
+        const message = useMessage()
+        message.info('string')
+      },
+      render () {
+        return null
+      }
+    })
+    const wrapper = mount(NMessageProvider, {
+      props: {
+        'container-style': 'padding: 24px'
+      },
+      slots: {
+        default: () => <Test />
+      }
+    })
+    void nextTick(() => {
+      const container = document.querySelector('.n-message-container')
+      expect(container).not.toBe(null)
+      expect(container.attributes.style.value).toContain('padding: 24px')
+      wrapper.unmount()
+      done()
+    })
+  })
 })