docs: resolve firefox svg clipping for logo on 404 page (#3410)

* docs: resolve firefox svg clipping for logo on 404 page
* docs: resolve clipped logo in storybook sidebar in firefox

Author: pfulton

.storybook/assets/404.html

@@ -73,7 +73,7 @@
       svg {
         block-size: auto;
         inline-size: 100%;
-        max-inline-size: 150px;
+        max-inline-size: 170px;
         max-block-size: 100px;
       }
 
@@ -88,9 +88,7 @@
             <polygon points="11.1,0 0,0 0,26"/>
             <polygon points="15,9.6 22.1,26 17.5,26 15.4,20.8 10.2,20.8"/>
           </g>
-          <text x="38" y="20" style="color: rgb(0,0,0);font-size: 22px;font-family: adobe-clean,'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,'Trebuchet MS','Lucida Grande',sans-serif; font-weight: 700; height: 28px; line-height: 28.6px;">
-              Spectrum CSS
-          </text>
+          <text x="38" y="20" style="color: rgb(0,0,0);font-size: 22px;font-family: adobe-clean,'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,'Trebuchet MS','Lucida Grande',sans-serif; font-weight: 700; height: 28px; line-height: 28.6px;">Spectrum CSS</text>
           </svg>
       </a>
     </header>