diff --git a/apps/kvarteret/components/Page.js b/apps/kvarteret/components/Page.js
index 4c20ad5..35c5065 100644
--- a/apps/kvarteret/components/Page.js
+++ b/apps/kvarteret/components/Page.js
@@ -62,7 +62,7 @@ const ComponentLookup = ({ type, data }) => {
     case "call_to_action_section":
       return <CallToActionSection {...data} />;
     case "rooms_section":
-      return <RoomSection {...data}/>
+      return <RoomSection {...data} />;
 
     default:
       return <div>TODO: Missing section types</div>;
@@ -87,7 +87,7 @@ const Page = ({ data }) => (
           max-width: 1080px;
           margin: auto;
           padding: 0 40px;
-          margin-top: 100px;
+          margin-top: 20px;
           margin-bottom: 40px;
         }
       `}
diff --git a/apps/kvarteret/pages/events/index.js b/apps/kvarteret/pages/events/index.js
index 0f6b8c0..044c064 100644
--- a/apps/kvarteret/pages/events/index.js
+++ b/apps/kvarteret/pages/events/index.js
@@ -197,7 +197,7 @@ const EventSearch = () => {
             margin: 20px;
           }
           .container {
-            margin-top: 100px;
+            margin-top: 20px;
             max-width: 1080px;
             width: 100%;
           }
diff --git a/packages/dak-components/lib/components/layout/Layout.js b/packages/dak-components/lib/components/layout/Layout.js
index 7f57a57..beb2ca2 100644
--- a/packages/dak-components/lib/components/layout/Layout.js
+++ b/packages/dak-components/lib/components/layout/Layout.js
@@ -68,6 +68,7 @@ const Layout = ({ children, data }) => {
 
           .content {
             flex: 1;
+            margin-top: 80px;
           }
 
           .header {
@@ -79,7 +80,7 @@ const Layout = ({ children, data }) => {
           .header-bar {
             height: 80px;
             width: 100%;
-            background-color: rgba(0, 0, 0, 0.7);
+            background-color: rgba(0, 0, 0, 1);
             box-shadow: 0 4px 4px rgb(0 0 0 / 40%);
             backdrop-filter: blur(4px);
           }