diff --git a/package.json b/package.json
index 651ca7e..2566f28 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,9 @@
     "apollo-link-http": "^1.5.17",
     "axios": "^0.21.1",
     "graphql": "^15.5.0",
+    "html5-qrcode": "^2.3.0",
     "node-sass": "^5.0.0",
+    "qrcodejs2": "^0.0.2",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-infinite-scroller": "^1.2.4",
diff --git a/src/components/Popup/Popup.scss b/src/components/Popup/Popup.scss
index 3d9ddb9..3253f05 100644
--- a/src/components/Popup/Popup.scss
+++ b/src/components/Popup/Popup.scss
@@ -60,6 +60,10 @@
         color: #323337;
         margin-top: 10px;
         margin-bottom: 10px;
+        width: calc(100vw - 187px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
       .popupdesc {