diff --git a/web/package.json b/web/package.json
index 0d872e08f..a3f4b9b74 100644
--- a/web/package.json
+++ b/web/package.json
@@ -81,7 +81,7 @@
     "@kleros/kleros-app": "^2.0.1",
     "@kleros/kleros-sdk": "workspace:^",
     "@kleros/kleros-v2-contracts": "workspace:^",
-    "@kleros/ui-components-library": "^2.17.0",
+    "@kleros/ui-components-library": "^2.18.0",
     "@lifi/wallet-management": "^3.4.6",
     "@lifi/widget": "^3.12.3",
     "@sentry/react": "^7.120.0",
diff --git a/web/src/pages/Cases/CaseDetails/index.tsx b/web/src/pages/Cases/CaseDetails/index.tsx
index cdf434b00..28c97a060 100644
--- a/web/src/pages/Cases/CaseDetails/index.tsx
+++ b/web/src/pages/Cases/CaseDetails/index.tsx
@@ -34,7 +34,7 @@ const HeaderContainer = styled.div`
   display: flex;
   align-items: center;
   margin-top: -2px;
-  margin-bottom: ${responsiveSize(16, 24)};
+  margin-bottom: ${responsiveSize(16, 32)};
 `;
 
 const Header = styled.h1`
diff --git a/web/src/pages/Home/CourtOverview/Header.tsx b/web/src/pages/Home/CourtOverview/Header.tsx
index 9c8598f71..8c21ecb87 100644
--- a/web/src/pages/Home/CourtOverview/Header.tsx
+++ b/web/src/pages/Home/CourtOverview/Header.tsx
@@ -14,7 +14,7 @@ const StyledHeader = styled.div`
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 8px 12px;
-  margin-bottom: 12px;
+  margin-bottom: ${responsiveSize(12, 20)};
 `;
 
 const StyledH1 = styled.h1`
diff --git a/web/src/styles/themes.ts b/web/src/styles/themes.ts
index 5182de490..b44dd177e 100644
--- a/web/src/styles/themes.ts
+++ b/web/src/styles/themes.ts
@@ -67,7 +67,7 @@ export const darkTheme = {
   lightBlue: "#2A1260",
   primaryText: "#DAF0FF",
   secondaryText: "#BECCE5",
-  stroke: "#42498F",
+  stroke: "#392C74",
   lightGrey: "#2D1865",
 
   whiteBackground: "#220050",
diff --git a/yarn.lock b/yarn.lock
index 55cb97d92..0f5f8b7f0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5572,7 +5572,7 @@ __metadata:
     "@kleros/kleros-v2-eslint-config": "workspace:^"
     "@kleros/kleros-v2-prettier-config": "workspace:^"
     "@kleros/kleros-v2-tsconfig": "workspace:^"
-    "@kleros/ui-components-library": "npm:^2.17.0"
+    "@kleros/ui-components-library": "npm:^2.18.0"
     "@lifi/wallet-management": "npm:^3.4.6"
     "@lifi/widget": "npm:^3.12.3"
     "@sentry/react": "npm:^7.120.0"
@@ -5657,9 +5657,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@kleros/ui-components-library@npm:^2.17.0":
-  version: 2.17.0
-  resolution: "@kleros/ui-components-library@npm:2.17.0"
+"@kleros/ui-components-library@npm:^2.18.0":
+  version: 2.18.0
+  resolution: "@kleros/ui-components-library@npm:2.18.0"
   dependencies:
     "@datepicker-react/hooks": "npm:^2.8.4"
     "@swc/helpers": "npm:^0.3.2"
@@ -5676,7 +5676,7 @@ __metadata:
     react-dom: ^18.0.0
     react-is: ^18.0.0
     styled-components: ^5.3.3
-  checksum: 10/41c9ea2df8d08019cbe5b61e266862b4d7e78eecabf989daf429727f8b6943f5072e1d875a4e340530f90425d1703b233863597bc1a9e023a99b09d205865cf4
+  checksum: 10/ef51cd75eaf037c2b2c69a0236a3b2891c657c339c5b357e5aa8ba84d9e1626bbbd76bf954d578f1caad3bbe2bc7d62097eace475ce62a7d8bfaafef5239d0ad
   languageName: node
   linkType: hard