diff --git a/src/components/QrCode.vue b/src/components/QrCode.vue
index 5f70024..f41be31 100644
--- a/src/components/QrCode.vue
+++ b/src/components/QrCode.vue
@@ -23,3 +23,9 @@ onMounted(async () => {
   qrSvg = await QRCode.toString(props.url, { type: "svg" })
 })
 </script>
+
+<style scoped lang="scss">
+:deep(svg) {
+  width: 100%;
+}
+</style>