1 files changed, 9 insertions, 3 deletions
diff --git a/chromium/ui/webui/resources/cr_components/chromeos/cellular_setup/base_page.html b/chromium/ui/webui/resources/cr_components/chromeos/cellular_setup/base_page.html
index 2f8fc2a6930..854094f228c 100644
--- a/chromium/ui/webui/resources/cr_components/chromeos/cellular_setup/base_page.html
+++ b/chromium/ui/webui/resources/cr_components/chromeos/cellular_setup/base_page.html
@@ -8,6 +8,12 @@
 <dom-module id="base-page">
   <template>
     <style include="iron-positioning">
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+
       #title {
         color: var(--google-grey-900);
         font-weight: normal;
@@ -15,13 +21,13 @@
       }
 
       #message {
+        height: var(--base-page-message-height, auto);
         margin-bottom: 20px;
       }
 
       :host ::slotted([slot='page-body']) {
         display: block;
-        height: 256px;
-        width: 100%;
+        flex: 1 1 auto;
       }
 
       #message iron-icon {
@@ -31,7 +37,7 @@
     <template is="dom-if" if="[[isTitleShown_(title)]]" restamp>
       <h3 id="title">[[getTitle_(title)]]</h3>
     </template>
-    <div id="message">
+    <div id="message" aria-live="polite" aria-atomic="true">
       <iron-icon
           icon$="cellular-setup:[[messageIcon]]"
           hidden$="[[!isMessageIconShown_(messageIcon)]]">