diff --git a/grafana-plugin/src/containers/MobileAppVerification/parts/QRCode/QRCode.tsx b/grafana-plugin/src/containers/MobileAppVerification/parts/QRCode/QRCode.tsx
index 0e8e65c9..b41de79d 100644
--- a/grafana-plugin/src/containers/MobileAppVerification/parts/QRCode/QRCode.tsx
+++ b/grafana-plugin/src/containers/MobileAppVerification/parts/QRCode/QRCode.tsx
@@ -6,13 +6,17 @@ import Block from 'components/GBlock/Block';
 
 type Props = {
   value: string;
-  className: string;
+  className?: string;
 };
 
-const QRCode: FC<Props> = ({ value, className }) => (
-  <Block bordered className={className}>
-    <QRCodeBase value={value} />
-  </Block>
-);
+const QRCode: FC<Props> = (props: Props) => {
+  const { value, className = '' } = props;
+
+  return (
+    <Block bordered className={className}>
+      <QRCodeBase value={value} />
+    </Block>
+  );
+};
 
 export default QRCode;