diff --git a/web/packages/base/components/MiniDialog.tsx b/web/packages/base/components/MiniDialog.tsx
index b2d1d7c003..1e7e4f1a84 100644
--- a/web/packages/base/components/MiniDialog.tsx
+++ b/web/packages/base/components/MiniDialog.tsx
@@ -215,15 +215,15 @@ export const AttributedMiniDialog: React.FC<
                     sx={{
                         display: "flex",
                         justifyContent: "space-between",
-                        alignItems: "center",
+                        alignItems: "flex-end",
                         "& > svg": {
                             fontSize: "32px",
-                            color: "text.faint",
+                            color: (theme) => theme.colors.stroke.faint,
                         },
                         padding:
                             attributes.icon && attributes.title
-                                ? "20px 16px 16px 16px"
-                                : "24px 16px 16px 16px",
+                                ? "16px 18px 8px 16px"
+                                : "24px 16px 4px 16px",
                     }}
                 >
                     {attributes.title && (