diff --git a/FIX_PROPOSAL.md b/FIX_PROPOSAL.md
new file mode 100644
index 0000000..74d5951
--- /dev/null
+++ b/FIX_PROPOSAL.md
@@ -0,0 +1,37 @@
+To fix the issue of the confirmation message row (`.modal-message-row`) having horizontal padding only, with computed top/bottom padding being 0px, you need to add vertical padding to the CSS rule.
+
+**Solution:**
+
+Update the CSS rule in `modal.css` to include vertical padding:
+```css
+.modal-message-row,
+.dialog-message-row {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  padding: 10px; /* Add vertical padding */
+}
+```
+Alternatively, you can use a design token or a variable to define the padding value:
+```css
+.modal-message-row,
+.dialog-message-row {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  padding: var(--modal-message-row-padding); /* Define a design token */
+}
+```
+Then, define the design token in your CSS variables:
+```css
+:root {
+  --modal-message-row-padding: 10px;
+}
+```
+**Commit Message:**
+```
+Fix: Add vertical padding to .modal-message-row
+
+* Update modal.css to include vertical padding
+* Use a design token for padding value (optional)
+```
\ No newline at end of file