diff --git a/src/components/layout.js b/src/components/layout.js
index 641f033..1a71632 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -115,12 +115,9 @@ export default function Layout({
   const userId = globalData.userId
   const userSpecificMotd = globalData.userSpecificMotd
 
-  useEffect(
-    () => {
-      setDonateShowing(!!router.query.donate)
-    },
-    [router.query.donate]
-  )
+  useEffect(() => {
+    setDonateShowing(!!router.query.donate)
+  }, [router.query.donate])
 
   let href = router.route
   if (href === '/' || href === '') {
@@ -181,9 +178,7 @@ export default function Layout({
                     border: 'none',
                     margin: '1px',
                   }}
-                  src={`${
-                    constants.siteUrl
-                  }img/frylabs-logo_small_transparent.png`}
+                  src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
                   alt="FryLabs"
                 />
               </a>
@@ -195,6 +190,10 @@ export default function Layout({
             <div id="sideBarLinks" className={styles.sidebarLinks}>
               {Object.keys(tabs).map((key) => {
                 const item = tabs[key]
+                if (item.seperator) {
+                  return <hr key={key} />
+                }
+
                 return (
                   <Link href={item.href} key={key}>
                     <a
diff --git a/src/components/layout.module.css b/src/components/layout.module.css
index 9df817b..d3134b9 100644
--- a/src/components/layout.module.css
+++ b/src/components/layout.module.css
@@ -19,7 +19,7 @@
   border-radius: 5px;
 }
 
-.sidebarLinks > * {
+.sidebarLinks > a {
   display: block;
   text-align: center;
   color: black;
diff --git a/src/data/tabs.json b/src/data/tabs.json
index d57ebe9..6e05b4e 100644
--- a/src/data/tabs.json
+++ b/src/data/tabs.json
@@ -3,6 +3,9 @@
     "href": "/",
     "text": "Főoldal"
   },
+  "s1": {
+    "seperator": true
+  },
   "script": {
     "href": "/script",
     "text": "Script"
@@ -11,10 +14,17 @@
     "href": "/allQuestions",
     "text": "Kérdések és tárgyak"
   },
-  "userFiles": {
-    "href": "/userFiles",
+  "userfiles": {
+    "href": "/userfiles",
     "text": "Tanulás segédanyagok"
   },
+  "s2": {
+    "seperator": true
+  },
+  "pwRequest": {
+    "href": "/pwRequest",
+    "text": "Jelszó generálás"
+  },
   "contribute": {
     "href": "/contribute",
     "text": "Teendők"
@@ -23,10 +33,6 @@
     "href": "/ranklist",
     "text": "Ranklista"
   },
-  "pwRequest": {
-    "href": "/pwRequest",
-    "text": "Jelszó generálás"
-  },
   "faq": {
     "href": "/faq",
     "text": "GYIK"
@@ -34,5 +40,8 @@
   "contact": {
     "href": "/contact",
     "text": "Kapcsolat"
+  },
+  "s3": {
+    "seperator": true
   }
 }
diff --git a/src/pages/userFiles.js b/src/pages/userfiles.js
similarity index 98%
rename from src/pages/userFiles.js
rename to src/pages/userfiles.js
index 47b11b8..8321c04 100644
--- a/src/pages/userFiles.js
+++ b/src/pages/userfiles.js
@@ -5,7 +5,7 @@ import LoadingIndicator from '../components/LoadingIndicator'
 import Modal from '../components/modal'
 import SearchBar from '../components/searchBar'
 
-import styles from './userFiles.module.css'
+import styles from './userfiles.module.css'
 import constants from '../constants.json'
 
 function listUserDir(subdir) {
@@ -168,6 +168,12 @@ export default function UserFiles({ router, globalData }) {
 
   const currDir = router.query.dir ? decodeURIComponent(router.query.dir) : ''
 
+  useEffect(() => {
+    router.replace(`${router.asPath.replace('.html', '')}`, undefined, {
+      shallow: true,
+    })
+  }, [])
+
   useEffect(() => {
     const dir = router.query.dir ? decodeURIComponent(router.query.dir) : ''
     setDirs(null)
diff --git a/src/pages/userFiles.module.css b/src/pages/userfiles.module.css
similarity index 100%
rename from src/pages/userFiles.module.css
rename to src/pages/userfiles.module.css