From 3de8618c64e82b55e99e33333074f4b36431f63d Mon Sep 17 00:00:00 2001
From: ganfra <francoisg@element.io>
Date: Wed, 5 Nov 2025 10:16:51 +0100
Subject: [PATCH] design: update DropdownMenu to better match figma

---
 .../theme/components/DropdownMenu.kt             | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/DropdownMenu.kt b/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/DropdownMenu.kt
index 6dc681b0e1..77a8c514a5 100644
--- a/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/DropdownMenu.kt
+++ b/libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/theme/components/DropdownMenu.kt
@@ -10,8 +10,10 @@ package io.element.android.libraries.designsystem.theme.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.ColumnScope
 import androidx.compose.foundation.layout.widthIn
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.DpOffset
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.window.PopupProperties
@@ -24,22 +26,24 @@ fun DropdownMenu(
     expanded: Boolean,
     onDismissRequest: () -> Unit,
     modifier: Modifier = Modifier,
-    // By default add a 16.dp offset to the menu
-    offset: DpOffset = DpOffset(x = 16.dp, y = 0.dp),
+    offset: DpOffset = DpOffset(x = 0.dp, y = 0.dp),
     properties: PopupProperties = PopupProperties(focusable = true),
+    minWidth: Dp = DropdownMenuDefaults.minWidth,
     content: @Composable ColumnScope.() -> Unit
 ) {
-    // Note: the internal shape corner radius should be 8dp, but there is a 4p value hardcoded in the internal Surface component
     androidx.compose.material3.DropdownMenu(
         expanded = expanded,
         onDismissRequest = onDismissRequest,
         modifier = modifier
-            .background(color = ElementTheme.colors.bgCanvasDefault)
-            .widthIn(min = minMenuWidth),
+            .background(color = ElementTheme.colors.bgCanvasDefaultLevel1)
+            .widthIn(min = minWidth),
+        shape = RoundedCornerShape(8.dp),
         offset = offset,
         properties = properties,
         content = content
     )
 }
 
-private val minMenuWidth = 200.dp
+object DropdownMenuDefaults {
+    val minWidth = 200.dp
+}