Space out invite link into 2 3-tuples

src/assets/stylesheets/invite-dialog.scss

@@ -96,6 +96,14 @@
   justify-content: center;
 }
 
+:local(.digit_2) {
+  margin-right: 8px;
+}
+
+:local(.digit_3) {
+  margin-left: 8px;
+}
+
 :local(.code-loading-panel) {
   background: none;
 }

src/react-components/invite-dialog.js

 import React, { Component } from "react";
 import PropTypes from "prop-types";
 import copy from "copy-to-clipboard";
+import classNames from "classnames";
 import { FormattedMessage } from "react-intl";
 
 import styles from "../assets/stylesheets/invite-dialog.scss";
@@ -58,7 +59,7 @@ export default class InviteDialog extends Component {
         </div>
         <div className={styles.code}>
           {entryCodeString.split("").map((d, i) => (
-            <div className={styles.digit} key={`link_code_${i}`}>
+            <div className={classNames({ [styles.digit]: true, [styles[`digit_${i}`]]: true })} key={`link_code_${i}`}>
               {d}
             </div>
           ))}