* Show a GitHub link similar to the Docs link
* In the mobile layout show the footer at the bottom of My Page

Requires 2_github2_git.diff applied before

diff --git a/src/layouts/DocsLink.module.scss b/src/layouts/DocsLink.module.scss
index f985a51..208b24d 100644
--- a/src/layouts/DocsLink.module.scss
+++ b/src/layouts/DocsLink.module.scss
@@ -7,4 +7,6 @@
   font-size: 14px;
   font-weight: 500;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 
   &,
diff --git a/src/layouts/DocsLink.tsx b/src/layouts/DocsLink.tsx
index 44c5f16..e35a05e 100644
--- a/src/layouts/DocsLink.tsx
+++ b/src/layouts/DocsLink.tsx
@@ -7,7 +7,7 @@ import styles from "./DocsLink.module.scss"
 const DocsLink = () => {
   return (
-    <ExtLink href={DOCS} className={classNames(styles.link, "desktop")}>
+    <ExtLink href={DOCS} className={classNames(styles.link)}>
       <Icon name="Docs" size={22} />
-      Mirror Docs
+      Docs
     </ExtLink>
   )
diff --git a/src/layouts/Footer.tsx b/src/layouts/Footer.tsx
index 204d204..e831acb 100644
--- a/src/layouts/Footer.tsx
+++ b/src/layouts/Footer.tsx
@@ -1,13 +1,10 @@
-import { useNetwork } from "../hooks"
-import Community from "../components/Community"
 import DocsLink from "./DocsLink"
+import GithubLink from "./GithubLink"
 
 const Footer = () => {
-  const { name } = useNetwork()
   return (
     <>
       <DocsLink />
-      <hr />
-      <Community network={name} project="mirror-webapp-pf" />
+      <GithubLink project="mirror-webapp-pf" />
     </>
   )
diff --git a/src/layouts/GithubLink.module.scss b/src/layouts/GithubLink.module.scss
new file mode 100644
index 0000000..208b24d
--- /dev/null
+++ b/src/layouts/GithubLink.module.scss
@@ -0,0 +1,30 @@
+@import "mixins";
+
+.link {
+  @include flex(flex-start);
+
+  color: $white-44;
+  font-size: 14px;
+  font-weight: 500;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+
+  &,
+  svg {
+    @include transition;
+  }
+
+  svg {
+    fill: $white-44;
+    margin-right: 4px;
+  }
+}
+
+.link:hover {
+  color: white;
+  text-decoration: none;
+
+  svg {
+    fill: white;
+  }
+}
diff --git a/src/layouts/GithubLink.tsx b/src/layouts/GithubLink.tsx
new file mode 100644
index 0000000..dad42ee
--- /dev/null
+++ b/src/layouts/GithubLink.tsx
@@ -0,0 +1,22 @@
+import classNames from "classnames"
+import ExtLink from "../components/ExtLink"
+import Icon from "../components/Icon"
+import styles from "./GithubLink.module.scss"
+
+interface Props {
+  project: string
+}
+
+const GithubLink = ({ project }: Props) => {
+  return (
+    <ExtLink
+      href={`https://github.com/pf-crypto/${project}`}
+      className={classNames(styles.link)}
+    >
+      <Icon name="Github" size={22} />
+      GitHub
+    </ExtLink>
+  )
+}
+
+export default GithubLink
diff --git a/src/pages/My/My.module.scss b/src/pages/My/My.module.scss
new file mode 100644
index 0000000..b2727bf
--- /dev/null
+++ b/src/pages/My/My.module.scss
@@ -0,0 +1,9 @@
+@import "mixins";
+
+.mobilefooter {
+  margin-top: 5em;
+
+  @include desktop {
+    display: none;
+  }
+}
diff --git a/src/pages/My/My.tsx b/src/pages/My/My.tsx
index d8dec0d..d6a9e90 100644
--- a/src/pages/My/My.tsx
+++ b/src/pages/My/My.tsx
@@ -7,4 +7,7 @@ import ConnectionRequired from "../../containers/ConnectionRequired"
 import MyConnected from "./MyConnected"
 
+import styles from "./My.module.scss"
+import Footer from "../../layouts/Footer"
+
 const My = () => {
   const address = useAddress()
@@ -13,4 +16,8 @@ const My = () => {
     <Page title={MenuKey.MY} doc="/user-guide/getting-started/sending-tokens">
       {!address ? <ConnectionRequired /> : <MyConnected />}
+      <footer className={styles.mobilefooter}>
+        <hr />
+        <Footer />
+      </footer>
     </Page>
   )