Fixing mdi icon size in Home Assistant 0.110.0

 * https://community.home-assistant.io/t/new-custom-ui-card-to-show-animated-power-consumption/189630/16
 * https://community.home-assistant.io/t/what-is-the-proper-way-to-change-mdi-icon-size-with-the-release-0-110-0/197861

animated-consumption-card.js

@@ -77,7 +77,7 @@ class AnimatedConsumptionCard extends HTMLElement {
     content.innerHTML = `
 <style>
 
-.acc_icon {
+.acc_container {
     height: 80px;
     width: 80px;
     border: 1px solid black;
@@ -87,6 +87,12 @@ class AnimatedConsumptionCard extends HTMLElement {
     border-color: var(--primary-text-color);
 }
 
+.acc_icon {
+    --mdc-icon-size: 80px;
+    height: 80px;
+    width: 80px;
+}
+
 .acc_text_container {
     position: relative;
     left: 27px;
@@ -106,7 +112,7 @@ class AnimatedConsumptionCard extends HTMLElement {
 <table style="border-collapse: collapse;" id='asdf'>
 <tr>
     <td class="acc_td">
-        <div>
+        <div class="acc_container">
               <ha-icon class="acc_icon" icon="${ this.leftIcon }"></ha-icon>
         </div>
     </td>
@@ -125,7 +131,9 @@ class AnimatedConsumptionCard extends HTMLElement {
 
     <td class="acc_td">
         <div class="acc_icon_with_text">
-            <ha-icon class="acc_icon" icon="${ this.rightIcon }"></ha-icon>
+            <div class="acc_container">
+                <ha-icon class="acc_icon" icon="${ this.rightIcon }"></ha-icon>
+            </div>
             <div class="acc_text_container">
             </div>
         </div>

development/docker-compose.yaml

@@ -1,6 +1,6 @@
 ha:
   container_name: ha
-  image: homeassistant/raspberrypi3-homeassistant:0.107.4
+  image: homeassistant/raspberrypi3-homeassistant:0.110.0
   ports:
     - "8123:8123"
   volumes: