diff --git a/frontend/public/locales/en/translation.json b/frontend/public/locales/en/translation.json
index 1fbc8cb9..556dc40d 100644
--- a/frontend/public/locales/en/translation.json
+++ b/frontend/public/locales/en/translation.json
@@ -247,7 +247,8 @@
         "workstation": "Select workstation:",
         "student": "student",
         "teacher": "teacher",
-        "admin": "admin"
+        "admin": "admin",
+        "docs_url": "documentation"
     },
     "join_course": {
         "message": "Do you want to join the course:",
diff --git a/frontend/public/locales/nl/translation.json b/frontend/public/locales/nl/translation.json
index aee2a1ab..7e65eb88 100644
--- a/frontend/public/locales/nl/translation.json
+++ b/frontend/public/locales/nl/translation.json
@@ -244,7 +244,8 @@
     "workstation": "Selecteer werkstation:",
     "student": "student",
     "teacher": "lesgever",
-    "admin": "beheerder"
+    "admin": "beheerder",
+    "docs_url": "documentatie"
   },
   "join_course": {
     "message": "Wil je het volgende vak volgen:",
diff --git a/frontend/src/components/Settings.tsx b/frontend/src/components/Settings.tsx
index 72ef3945..0f15d2bd 100644
--- a/frontend/src/components/Settings.tsx
+++ b/frontend/src/components/Settings.tsx
@@ -88,9 +88,12 @@ function Settings(props: { home: string }): JSX.Element {
                 <div className={"modal-background"} onClick={handleSettings}/>
                 <div className={"card popup"}>
                     <div className={"is-flex is-align-items-center is-justify-content-right"}>
-                <span className={"py-2"}>
-                    <DropdownLanguage/>
-                </span>
+                        <Link to={`https://selab-2.github.io/UGent-2/${t('settings.docs_url')}`} target={"_blank"}>
+                            <button className={"button"}>docs</button>
+                        </Link>
+                        <span className={"py-2"}>
+                            <DropdownLanguage/>
+                        </span>
                         <button className={"button mx-2 my-1"} onClick={handleSettings}><IoMdClose/></button>
                     </div>
                     <div className={"px-5 pb-5"}>