diff --git a/src/features/user/Widget/DonationLink/DonationLinkForm.module.scss b/src/features/user/Widget/DonationLink/DonationLinkForm.module.scss
index 60f4b7512d..e3ec3fc7f8 100644
--- a/src/features/user/Widget/DonationLink/DonationLinkForm.module.scss
+++ b/src/features/user/Widget/DonationLink/DonationLinkForm.module.scss
@@ -12,3 +12,9 @@
   flex: 1;
   margin-right: auto;
 }
+
+.qrContainer {
+  display: block; 
+  width: 150px; 
+  height: 150px;
+}
diff --git a/src/features/user/Widget/DonationLink/DonationLinkForm.tsx b/src/features/user/Widget/DonationLink/DonationLinkForm.tsx
index 7792a58f48..21f459bfb4 100644
--- a/src/features/user/Widget/DonationLink/DonationLinkForm.tsx
+++ b/src/features/user/Widget/DonationLink/DonationLinkForm.tsx
@@ -267,7 +267,7 @@ const DonationLinkForm = ({
                 {t('donationLink:qrCodeTitle')}
               </div>
               <img
-                style={{ display: 'block', width: '150px', height: '150px' }}
+                className={styles.qrContainer}
                 id="base64image"
                 src={qrCode}
               />