Little style corrections

pages/index.tsx

@@ -28,17 +28,16 @@ const Home: NextPage = () => {
         <span className={styles.divider}>|</span>
         <Link href="https://www.instagram.com/c0ntroller/" passHref><InstagramLogo color="var(--repl-color)" className={styles.iconLink} /></Link>
         <span className={styles.divider}>|</span>
+        <Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
+        <span className={styles.divider}>|</span>
         <Link href="https://discordapp.com/users/224208617820127233" passHref>
-          <span className={styles.tooltip}>
+          <span className={styles.tooltip} style={{cursor: "pointer"}}>
             <DiscordLogo color="var(--repl-color)" className={styles.iconLink} />
             <span className={styles.tooltiptext}>
               C0ntroller_Z#3883
             </span>
           </span>
-        </Link>
-        <span className={styles.divider}>|</span>
-        <Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
-        <span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
+        </Link><span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
       </div>
       <REPL inputRef={inputRef} />
     </div>

styles/Home.module.css

@@ -60,22 +60,22 @@
     padding: 5px 0;
     position: absolute;
     z-index: 1;
-    bottom: 125%;
+    top: 125%;
     left: 50%;
     margin-left: -70px;
     opacity: 0;
     transition: opacity 0.1s;
 }
 
-.tooltip .tooltiptext::after {
+.tooltip .tooltiptext::before {
     content: "";
     position: absolute;
-    top: 100%;
+    bottom: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
-    border-color: #333 transparent transparent transparent;
+    border-color: transparent transparent #333 transparent;
 }
 
 .tooltip:hover .tooltiptext {

styles/REPL/REPLComplete.module.css

@@ -9,12 +9,10 @@
     width:auto;
 }
 
-/*track*/
 .container::-webkit-scrollbar-track {
 background:rgb(0, 0, 0);
 }
 
-/*thumb*/
 .container::-webkit-scrollbar-thumb {
 background:rgb(24, 138, 24);
 }