From fbb10344e1513c479d76b04748bcb01a7b8413a9 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 28 Feb 2026 01:30:51 +0100
Subject: [PATCH] Clean UI

---
 android/app/build.gradle                 | 2 +-
 web/components/filters/filters.tsx       | 7 +++++--
 web/components/optional-profile-form.tsx | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 385389d8..62c0c437 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -8,7 +8,7 @@ android {
         applicationId "com.compassconnections.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 43
+        versionCode 44
         versionName "1.10.0"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
diff --git a/web/components/filters/filters.tsx b/web/components/filters/filters.tsx
index fa9a3bbb..1700c9b6 100644
--- a/web/components/filters/filters.tsx
+++ b/web/components/filters/filters.tsx
@@ -170,10 +170,13 @@ function SelectedFiltersSummary(props: {
         {selectedFilters.map((filter, idx) => (
           <Row
             key={idx}
-            className="items-center gap-1 text-primary-700 px-2 py-1 rounded-full text-sm bg-canvas-50"
+            className="items-center gap-1 text-primary-700 pl-3 pr-2 py-1 rounded-full text-sm bg-gray-100/70 dark:bg-gray-900"
           >
             <span>{filter.label}</span>
-            <button onClick={filter.onClear} className="hover:text-primary-900">
+            <button
+              onClick={filter.onClear}
+              className="hover:text-gray-500 dark:hover:text-gray-50"
+            >
               <XIcon className="h-3 w-3" />
             </button>
           </Row>
diff --git a/web/components/optional-profile-form.tsx b/web/components/optional-profile-form.tsx
index 0b34fff8..d1aef161 100644
--- a/web/components/optional-profile-form.tsx
+++ b/web/components/optional-profile-form.tsx
@@ -511,7 +511,7 @@ export const OptionalProfileUserForm = (props: {
           <Textarea
             data-testid="headline"
             onChange={(e) => setProfile('headline', e.target.value)}
-            className={'w-full md:w-[700px] bg-canvas-50 border rounded-md p-2'}
+            className={'w-full md:w-[700px] bg-canvas-0 border rounded-md p-2'}
             value={profile['headline'] ?? undefined}
             maxLength={250}
           />