diff --git a/.eslintcache b/.eslintcache
index 63ab50d7..722ced18 100644
--- a/.eslintcache
+++ b/.eslintcache
@@ -1 +1 @@
-[{"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\index.js":"1","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\History.js":"2","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\App.js":"3","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Dash.js":"4","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Constants\\constants.js":"5","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Loading.js":"6","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Navigation.js":"7","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\System.js":"8","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Memberlist.js":"9","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\MemberCard.js":"10"},{"size":309,"mtime":1607504507185,"results":"11","hashOfConfig":"12"},{"size":87,"mtime":1607504507181,"results":"13","hashOfConfig":"12"},{"size":3533,"mtime":1607504507165,"results":"14","hashOfConfig":"12"},{"size":297,"mtime":1607504507172,"results":"15","hashOfConfig":"12"},{"size":73,"mtime":1607504507180,"results":"16","hashOfConfig":"12"},{"size":231,"mtime":1607504507174,"results":"17","hashOfConfig":"12"},{"size":671,"mtime":1607504507177,"results":"18","hashOfConfig":"12"},{"size":1694,"mtime":1607504507178,"results":"19","hashOfConfig":"12"},{"size":2160,"mtime":1607504507176,"results":"20","hashOfConfig":"12"},{"size":1894,"mtime":1607504507175,"results":"21","hashOfConfig":"12"},{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1rd8s2n",{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"36","messages":"37","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\index.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\History.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\App.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Dash.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Constants\\constants.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Loading.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Navigation.js",["42"],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\System.js",["43"],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Memberlist.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\MemberCard.js",["44"],{"ruleId":"45","severity":1,"message":"46","line":1,"column":8,"nodeType":"47","messageId":"48","endLine":1,"endColumn":13},{"ruleId":"49","severity":1,"message":"50","line":18,"column":4,"nodeType":"51","endLine":18,"endColumn":22,"suggestions":"52"},{"ruleId":"49","severity":1,"message":"50","line":18,"column":8,"nodeType":"51","endLine":18,"endColumn":28,"suggestions":"53"},"no-unused-vars","'react' is defined but never used.","Identifier","unusedVar","react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'toHTML'. Either include it or remove the dependency array.","ArrayExpression",["54"],["55"],{"desc":"56","fix":"57"},{"desc":"58","fix":"59"},"Update the dependencies array to be: [toHTML, user.description]",{"range":"60","text":"61"},"Update the dependencies array to be: [member.description, toHTML]",{"range":"62","text":"63"},[550,568],"[toHTML, user.description]",[541,561],"[member.description, toHTML]"]
\ No newline at end of file
+[{"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\index.js":"1","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\History.js":"2","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\App.js":"3","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Dash.js":"4","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Constants\\constants.js":"5","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Loading.js":"6","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Navigation.js":"7","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\System.js":"8","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Memberlist.js":"9","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\MemberCard.js":"10"},{"size":309,"mtime":1607504507185,"results":"11","hashOfConfig":"12"},{"size":87,"mtime":1607504507181,"results":"13","hashOfConfig":"12"},{"size":3549,"mtime":1607505748110,"results":"14","hashOfConfig":"12"},{"size":297,"mtime":1607504507172,"results":"15","hashOfConfig":"12"},{"size":73,"mtime":1607504507180,"results":"16","hashOfConfig":"12"},{"size":231,"mtime":1607504507174,"results":"17","hashOfConfig":"12"},{"size":671,"mtime":1607504507177,"results":"18","hashOfConfig":"12"},{"size":1694,"mtime":1607504507178,"results":"19","hashOfConfig":"12"},{"size":2160,"mtime":1607504507176,"results":"20","hashOfConfig":"12"},{"size":1894,"mtime":1607504507175,"results":"21","hashOfConfig":"12"},{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},"1rd8s2n",{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"35","messages":"36","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"37","usedDeprecatedRules":"24"},{"filePath":"38","messages":"39","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"40","usedDeprecatedRules":"24"},{"filePath":"41","messages":"42","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"24"},{"filePath":"43","messages":"44","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"45"},"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\index.js",[],["46","47"],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\History.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\App.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Dash.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Constants\\constants.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Loading.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Navigation.js",["48"],"import react from 'react';\r\nimport * as BS from 'react-bootstrap'\r\n\r\n\r\nexport default function Navigation(props) {\r\n\r\n    function logOut() {\r\n        localStorage.removeItem(\"token\");\r\n        localStorage.removeItem(\"user\");\r\n        props.setIsSubmit(false);\r\n    }\r\n\r\n    return (\r\n        <BS.Navbar bg=\"light\" className=\"mb-3 \" expand=\"md\">\r\n            <BS.Navbar.Brand>\r\n                pk-web\r\n            </BS.Navbar.Brand>\r\n            <BS.Form inline>\r\n            { localStorage.getItem('token') ? <BS.Button className=\"float-right mr-md-2\" variant=\"primary\" onClick={logOut}>Log Out</BS.Button> : \"\" }\r\n            </BS.Form>\r\n        </BS.Navbar>\r\n    )\r\n}","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\System.js",["49"],"import React, { useState, useEffect } from 'react';\r\nimport  * as BS from 'react-bootstrap'\r\n\r\nimport { FaAddressCard } from \"react-icons/fa\";\r\nimport defaultAvatar from '../default_discord_avatar.png'\r\n\r\nexport default function System(props) {\r\n\r\n    const { toHTML } = require('discord-markdown');\r\n\r\n    const [ desc, setDesc ] = useState(\"\");\r\n    const user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\n    useEffect(() => {\r\n    if (user.description) {\r\n        setDesc(toHTML(user.description));\r\n    } else setDesc(\"(no description)\");\r\n}, [user.description]);\r\n\r\n        return (\r\n           <BS.Card className=\"mb-3 mt-3 w-100\" >\r\n               <BS.Card.Header className=\"d-flex align-items-center justify-content-between\">\r\n                  <BS.Card.Title className=\"float-left\"><FaAddressCard className=\"mr-3\" /> {user.name}</BS.Card.Title> \r\n                  { user.avatar_url ? <BS.Image src={`${user.avatar_url}`} style={{width: 50, height: 50}} className=\"float-right\" roundedCircle /> : \r\n               <BS.Image src={defaultAvatar} style={{width: 50, height: 50}} className=\"float-right\" roundedCircle />}\r\n               </BS.Card.Header>\r\n               <BS.Card.Body>\r\n               <BS.Row>\r\n                    <BS.Col xs={12} md={4}><b>ID:</b> {user.id}</BS.Col>\r\n                    <BS.Col xs={12} md={4}><b>Tag:</b> {user.tag}</BS.Col>\r\n                    <BS.Col xs={12} md={4}><b>Timezone:</b> {user.tz}</BS.Col>\r\n                </BS.Row>\r\n                <br/>\r\n                <p><b>Description:</b></p>\r\n                <p dangerouslySetInnerHTML={{__html: desc}}></p>\r\n                </BS.Card.Body>\r\n           </BS.Card>\r\n        )\r\n}\r\n\r\n   \r\n\r\n    ","C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\Memberlist.js",[],"C:\\Users\\Fleur\\Desktop\\website projects etc\\pk-web\\src\\Components\\MemberCard.js",["50"],"import React, { useEffect, useState } from 'react';\r\nimport  * as BS from 'react-bootstrap'\r\n\r\nimport defaultAvatar from '../default_discord_avatar.png'\r\nimport { FaUser } from \"react-icons/fa\";\r\n\r\nexport default function MemberCard(props) {\r\n\r\n    const { toHTML } = require('discord-markdown');\r\n\r\n    const [ desc, setDesc ] = useState(\"\");\r\n    const member = props.member;\r\n\r\n    useEffect(() => {\r\n        if (member.description) {\r\n            setDesc(toHTML(member.description));\r\n        } else setDesc(\"(no description)\");\r\n    }, [member.description]);\r\n\r\n    return (\r\n       <> \r\n        <BS.Accordion.Toggle className=\"d-flex align-items-center justify-content-between\" as={BS.Card.Header} eventKey={member.id}>\r\n            <BS.Card.Title className=\"float-left\"><FaUser className=\"mr-4\" /> <b>{member.name}</b> ({member.id})</BS.Card.Title>\r\n            { member.avatar_url ? <BS.Image src={`${member.avatar_url}`} style={{width: 50, height: 50}} className=\"float-right\" roundedCircle /> : \r\n        <BS.Image src={defaultAvatar} style={{width: 50, height: 50}} className=\"float-right\" roundedCircle />}\r\n        </BS.Accordion.Toggle>\r\n        <BS.Accordion.Collapse eventKey={member.id}>\r\n            <BS.Card.Body>\r\n            <BS.Row>\r\n                <BS.Col xs={12} md={3}><b>ID:</b> {member.id}</BS.Col>\r\n                { member.display_name ? <BS.Col xs={12} md={3}><b>AKA: </b>{member.display_name}</BS.Col> : \"\" }\r\n                { member.birthday ? <BS.Col xs={12} md={3}><b>Birthday:</b> {member.birthday}</BS.Col> : \"\" }\r\n                { member.pronouns ? <BS.Col xs={12} md={3}><b>Pronouns:</b> {member.pronouns}</BS.Col> : \"\" }\r\n            </BS.Row>\r\n            <br/>\r\n            <p><b>Description:</b></p>\r\n            <p dangerouslySetInnerHTML={{__html: desc}}></p>\r\n            </BS.Card.Body>\r\n        </BS.Accordion.Collapse>\r\n        </>\r\n    )\r\n}\r\n",{"ruleId":"51","replacedBy":"52"},{"ruleId":"53","replacedBy":"54"},{"ruleId":"55","severity":1,"message":"56","line":1,"column":8,"nodeType":"57","messageId":"58","endLine":1,"endColumn":13},{"ruleId":"59","severity":1,"message":"60","line":18,"column":4,"nodeType":"61","endLine":18,"endColumn":22,"suggestions":"62"},{"ruleId":"59","severity":1,"message":"60","line":18,"column":8,"nodeType":"61","endLine":18,"endColumn":28,"suggestions":"63"},"no-native-reassign",["64"],"no-negated-in-lhs",["65"],"no-unused-vars","'react' is defined but never used.","Identifier","unusedVar","react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'toHTML'. Either include it or remove the dependency array.","ArrayExpression",["66"],["67"],"no-global-assign","no-unsafe-negation",{"desc":"68","fix":"69"},{"desc":"70","fix":"71"},"Update the dependencies array to be: [toHTML, user.description]",{"range":"72","text":"73"},"Update the dependencies array to be: [member.description, toHTML]",{"range":"74","text":"75"},[550,568],"[toHTML, user.description]",[541,561],"[member.description, toHTML]"]
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 15c2f06f..1103ea31 100644
--- a/src/App.js
+++ b/src/App.js
@@ -79,12 +79,12 @@ export default function App() {
               { isSubmit && !localStorage.getItem('user') ? <BS.Alert variant="danger">Something went wrong, please try again.</BS.Alert> : ""}
               { isInvalid ? <BS.Alert variant="danger">Invalid token.</BS.Alert> : "" }
             <BS.Form.Row>
-                <BS.Col xs={10}>
+                <BS.Col xs={12} md={10}>
                     <BS.Form.Label>Enter your token here. You can get your token by using <b>"pk;token"</b>.</BS.Form.Label>
                 </BS.Col>
             </BS.Form.Row>
             <BS.Form.Row>
-              <BS.Col xs={10}>
+              <BS.Col xs={12} md={10}>
                 <BS.Form.Control required name="pkToken" type="text" ref={register} placeholder="token" />
               </BS.Col>
               <BS.Col>