fix: QR code style

tien · Jun 19, 2024 · 8b764a3 · 8b764a3
1 parent 398b5d8
commit 8b764a3
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/dot-connect/src/elements/components/dc-qr-code.ts b/packages/dot-connect/src/elements/components/dc-qr-code.ts
@@ -71,16 +71,16 @@ export default class QrCode extends DotConnectElement {
 
   protected override render() {
     return html`
-      <div id="container" style=${styleMap({ padding: this.#padding })}>
+      <div id="container" style=${styleMap({ padding: `${this.#padding}px` })}>
         <div id="qr-code-container">
           <div id="logo-container">
             ${this.logoSrc === undefined
               ? walletIcon({ size: this.logoSize })
               : html`<img
                   src=${this.logoSrc}
                   style=${styleMap({
-                    width: this.logoSize,
-                    height: this.logoSize,
+                    width: `${this.logoSize}px`,
+                    height: `${this.logoSize}px`,
                   })}
                 />`}
           </div>