diff --git a/package-lock.json b/package-lock.json
index 841391e..2e7982e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
         "express": "^4.18.2",
         "is-in-browser": "^2.0.0",
         "lodash": "^4.17.21",
-        "methone": "datasektionen/Methone",
+        "methone": "github:datasektionen/Methone",
         "razzle": "^4.2.18",
         "razzle-heroku": "^3.0.0",
         "react": "^18.3.1",
diff --git a/package.json b/package.json
index 3e24506..302c2e5 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "express": "^4.18.2",
     "is-in-browser": "^2.0.0",
     "lodash": "^4.17.21",
-    "methone": "datasektionen/Methone",
+    "methone": "github:datasektionen/Methone",
     "razzle": "^4.2.18",
     "razzle-heroku": "^3.0.0",
     "react": "^18.3.1",
diff --git a/src/components/Frontpage/FixMe.css b/src/components/Frontpage/FixMe.css
index 8e078b3..9e03cd9 100644
--- a/src/components/Frontpage/FixMe.css
+++ b/src/components/Frontpage/FixMe.css
@@ -72,11 +72,19 @@ a.action {
   text-align: center;
   margin: 20px auto 0;
 }
+a.action:hover, a.action:focus {
+  background: #ec5f99;
+  border-bottom: 4px solid #e83d84;
+}
 .inline_link {
   color: #e83d84;
   text-decoration: underline !important;
 }
-
+.inline_link:hover,
+.inline_link:focus {
+  color: #ec5f99;
+  text-decoration: underline !important;
+}
 #footer {
   background: #333333;
   margin: -50px 0;
diff --git a/src/components/Frontpage/Frontpage.module.css b/src/components/Frontpage/Frontpage.module.css
index 53601bd..aa307df 100644
--- a/src/components/Frontpage/Frontpage.module.css
+++ b/src/components/Frontpage/Frontpage.module.css
@@ -82,7 +82,8 @@
   color: #828ca2;
 }
 
-.content.hero .more-btn:hover {
+.content.hero .more-btn:hover,
+.content.hero .more-btn:focus {
   transform: scale(1.05);
   box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
 }
@@ -129,6 +130,12 @@
   text-shadow: 1px 1px #fff;
   margin: 20px;
   text-transform: uppercase;
+  transition: color 0.1s ease-out;
+}
+
+.content .news h2:hover,
+.content .news h2:focus {
+    color: #ec5f99;
 }
 
 .content .news ul {
@@ -151,6 +158,12 @@
   overflow: hidden;
   text-overflow: ellipsis;
   color: #6a758f;
+  transition: color 0.1s ease-out;
+}
+
+.content .news ul li h3:hover,
+.content .news ul li h3:focus {
+  color: #4a5164;
 }
 
 .content .news ul div {
diff --git a/src/components/Frontpage/index.js b/src/components/Frontpage/index.js
index 99637dd..43a9141 100644
--- a/src/components/Frontpage/index.js
+++ b/src/components/Frontpage/index.js
@@ -9,7 +9,7 @@ import { Translate, English, Swedish } from '../Translate'
 
 import styles from './Frontpage.module.css'
 import skold from './skold.svg'
-import EventCalendar, { getWeekTimeSpan } from '../EventCalendar/index.jsx';
+import EventCalendar, { getWeekTimeSpan } from '../EventCalendar';
 import './FixMe.css'
 import { addLangToUrl } from '../../utility/lang.js'
 
diff --git a/src/server.js b/src/server.js
index b1e20c8..3300fc0 100644
--- a/src/server.js
+++ b/src/server.js
@@ -85,7 +85,7 @@ server
     <meta name="msapplication-TileColor" content="#e83d84">
     <meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
     <meta name="theme-color" content="#e83d84">
-    <link rel="stylesheet" href="//aurora.datasektionen.se/">
+    <link rel="stylesheet" href="https://aurora.datasektionen.se/">
     ${assets.client.css
       ? `<link rel="stylesheet" href="${assets.client.css}">`
       : ''