From c0b259e7e29e0888af3cd1d86ab00d6931f3b697 Mon Sep 17 00:00:00 2001
From: kemuru <102478601+kemuru@users.noreply.github.com>
Date: Fri, 11 Oct 2024 13:05:15 +0200
Subject: [PATCH] chore: add a bit of margin bottom for mobile

---
 web/src/pages/Home/CourtOverview/Header.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/Home/CourtOverview/Header.tsx b/web/src/pages/Home/CourtOverview/Header.tsx
index c06c981ef..2f5e4d85f 100644
--- a/web/src/pages/Home/CourtOverview/Header.tsx
+++ b/web/src/pages/Home/CourtOverview/Header.tsx
@@ -1,19 +1,20 @@
 import React from "react";
 import styled from "styled-components";
 
+import { responsiveSize } from "styles/responsiveSize";
+
 import { useNavigate } from "react-router-dom";
 
 import { Button } from "@kleros/ui-components-library";
 
 import Bookmark from "svgs/icons/bookmark.svg";
 
-import { responsiveSize } from "styles/responsiveSize";
-
 const StyledHeader = styled.div`
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 0 12px;
+  margin-bottom: ${responsiveSize(16, 0)};
 `;
 
 const StyledH1 = styled.h1`