diff --git a/frontend/src/styles/popups.scss b/frontend/src/styles/popups.scss
index 10344ea3d..9492470d2 100644
--- a/frontend/src/styles/popups.scss
+++ b/frontend/src/styles/popups.scss
@@ -1283,6 +1283,15 @@
     max-height: 10rem;
   }
 
+  .socialURL {
+    display: flex;
+  }
+
+  .socialURL > p {
+    margin-block: 0.5rem;
+    margin-inline-end: 0.5rem;
+  }
+
   .badgeSelectionContainer {
     display: flex;
     flex-wrap: wrap;
diff --git a/frontend/static/html/popups.html b/frontend/static/html/popups.html
index dfc9a900c..41379f237 100644
--- a/frontend/static/html/popups.html
+++ b/frontend/static/html/popups.html
@@ -1003,12 +1003,18 @@
       <textarea class="keyboard" type="text" autocomplete="off"></textarea>
     </div>
     <div>
-      <label>twitter</label>
-      <input class="twitter" type="text" value="" />
+      <label>github</label>
+      <div class="socialURL">
+        <p>https://github.com/</p>
+        <input class="github" type="text" value="" />
+      </div>
     </div>
     <div>
-      <label>github</label>
-      <input class="github" type="text" value="" />
+      <label>twitter</label>
+      <div class="socialURL">
+        <p>https://twitter.com/</p>
+        <input class="twitter" type="text" value="" />
+      </div>
     </div>
     <div>
       <label>website</label>