diff --git a/material/base.html b/material/base.html
index c0def0352..46c2df55e 100644
--- a/material/base.html
+++ b/material/base.html
@@ -106,8 +106,8 @@
     </div>
     <div data-md-component="announce">
       {% if self.announce() %}
-        <aside class="md-announce">
-          <div class="md-announce__inner md-grid md-typeset">
+        <aside class="md-banner md-announce">
+          <div class="md-banner__inner md-announce__inner md-grid md-typeset">
             {% block announce %}{% endblock %}
           </div>
         </aside>
diff --git a/src/base.html b/src/base.html
index b68786932..54e47a5cd 100644
--- a/src/base.html
+++ b/src/base.html
@@ -214,8 +214,8 @@
     <!-- Announcement bar -->
     <div data-md-component="announce">
       {% if self.announce() %}
-        <aside class="md-announce">
-          <div class="md-announce__inner md-grid md-typeset">
+        <aside class="md-banner md-announce">
+          <div class="md-banner__inner md-announce__inner md-grid md-typeset">
             {% block announce %}{% endblock %}
           </div>
         </aside>