diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 04c9ee8..df343dc 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.110',
+  version: '1.0.111',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-icon.ts b/ts_web/elements/dees-icon.ts
index a06926f..9ca98bf 100644
--- a/ts_web/elements/dees-icon.ts
+++ b/ts_web/elements/dees-icon.ts
@@ -57,7 +57,7 @@ declare global {
 export class DeesIcon extends DeesElement {
   public static demo = () => html`
     <dees-icon iconName="visibility"></dees-icon>
-    <div style="background: #fff; padding: 10px;">
+    <div style="background: #fff; padding: 10px; font-size: 24px">
       <dees-icon iconName="visibility"></dees-icon>
       <dees-icon brandName="facebook"></dees-icon>
     </div>
@@ -105,13 +105,13 @@ export class DeesIcon extends DeesElement {
           word-wrap: normal;
           white-space: nowrap;
           direction: ltr;
+          font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
         }
       </style>
       ${this.iconName
         ? html`
           <i 
             class="material-symbols-outlined"
-            style="font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48;"
           >
             ${this.iconName}
           </i>`