From 2cbf98b8a96776581de0c79121a602fa33cf7ef3 Mon Sep 17 00:00:00 2001
From: Buddha Wang <shihw@microsoft.com>
Date: Thu, 4 Mar 2021 17:52:59 +0800
Subject: [PATCH] Fix cost warning UI miss-aligned. (#881)

---
 src/react/components/pages/editorPage/canvasCommandBar.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/react/components/pages/editorPage/canvasCommandBar.scss b/src/react/components/pages/editorPage/canvasCommandBar.scss
index 0a5d7e80e..429db04be 100644
--- a/src/react/components/pages/editorPage/canvasCommandBar.scss
+++ b/src/react/components/pages/editorPage/canvasCommandBar.scss
@@ -13,6 +13,7 @@
 
 .cost-warning-message .ms-ContextualMenu-linkContent {
     display: grid;
+    grid-template-columns: 24px auto;
     grid-template-rows: 24px 8px;
     grid-template-areas:
         "icon text"
@@ -32,4 +33,5 @@
     color: darkorange;
     font-size: 8px;
     padding-left: 4px;
+    text-align: left;
 }