diff --git a/src/App.css b/src/App.css
index 2da363b..fb43242 100644
--- a/src/App.css
+++ b/src/App.css
@@ -198,5 +198,5 @@
 }
 
 .page > .page-spacer {
-  flex: 1 1 0;   /* 1 del av 4 = 1/4 av siden, samme som sidebar */
+  flex: 0 0 300px;
 }
diff --git a/src/components/Sidebar.css b/src/components/Sidebar.css
index 9e17632..03f3ff2 100644
--- a/src/components/Sidebar.css
+++ b/src/components/Sidebar.css
@@ -5,7 +5,7 @@ html {
 
 .sidebar {
   text-align: left;
-  flex: 1 1 0;   /* 2 del av 4 = 1/4 av siden */
+  flex: 0 0 300px;
   position: sticky; /*betyr at elementet oppfører seg helt normalt helt til man scroller forbi "top" grensen som man også setter */
   top: 24px;
   /*
@@ -27,6 +27,24 @@ html {
   gap: 18px;             /* avstand mellom lenkene */
 }
 
+
+
 .sidebar-nav a {
-  font-size: 28px;       /* juster tallet til det ser riktig ut */
-}
\ No newline at end of file
+  display: block;      /* gjør hele raden klikkbar, ikke bare bokstavene */
+  font-size: 17px;     /* var 28px - hovedgrunnen til at sidebaren dominerte */
+  padding: 10px 14px;
+  border-radius: 10px; /* samme runding som filmkortene */
+  text-decoration: none;
+  color: var(--text-h);
+}
+
+.sidebar-nav a:hover {
+  background: var(--accent-bg);
+  color: var(--accent);
+}
+
+.sidebar-nav a:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+