diff --git a/public/index.html b/public/index.html
index 8af6d08..307226f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -91,6 +91,13 @@
                 transform: rotate(360deg);
             }
         }
+
+        .discord {
+            height: 500px;
+            width: 90%;
+            min-width: 300px;
+            max-width: 565px;
+        }
     </style>
 </head>
 
@@ -116,8 +123,8 @@
     <p><span style="white-space:nowrap">For further information, </span>please take a
         look at <span style="white-space:nowrap">my <a class="link" data-tippy-content="https://scrapbox.io/yude"
                 href="https://scrapbox.io/yude">Scrapbox</a>.</span></p>
-    <iframe src="https://discordapp.com/widget?id=550309736214691840&theme=dark" height="500" allowtransparency="true"
-        frameborder="0"></iframe>
+    <iframe class="discord" src="https://discordapp.com/widget?id=550309736214691840&theme=dark"
+        allowtransparency="true" frameborder="0"></iframe>
     <script src="https://unpkg.com/@popperjs/core@2"></script>
     <script src="https://unpkg.com/tippy.js@6"></script>
     <script>