diff --git a/assets/images/ic_compose_web.svg b/assets/images/ic_compose_web.svg
new file mode 100644
index 000000000..d84ed8ea6
--- /dev/null
+++ b/assets/images/ic_compose_web.svg
@@ -0,0 +1,3 @@
+
diff --git a/core/lib/presentation/extensions/color_extension.dart b/core/lib/presentation/extensions/color_extension.dart
index 5190edf16..a69421fe9 100644
--- a/core/lib/presentation/extensions/color_extension.dart
+++ b/core/lib/presentation/extensions/color_extension.dart
@@ -119,6 +119,7 @@ extension AppColor on Color {
static const colorActionButtonHover = Color(0xFFA2AAB3);
static const colorBgMenuItemDropDownSelected = Color(0x80DEE2E7);
static const colorButtonCancelDialog = Color(0x0D000000);
+ static const colorShadowComposerButton = Color(0x99007AFF);
static const mapGradientColor = [
[Color(0xFF21D4FD), Color(0xFFB721FF)],
diff --git a/core/lib/presentation/resources/image_paths.dart b/core/lib/presentation/resources/image_paths.dart
index e3fba3905..6e480151e 100644
--- a/core/lib/presentation/resources/image_paths.dart
+++ b/core/lib/presentation/resources/image_paths.dart
@@ -117,6 +117,7 @@ class ImagePaths {
String get icClockSB => _getImagePath('ic_clock_sb.svg');
String get icSelectedSB => _getImagePath('ic_selected_sb.svg');
String get icUserSB => _getImagePath('ic_user_sb.svg');
+ String get icComposeWeb => _getImagePath('ic_compose_web.svg');
String _getImagePath(String imageName) {
return AssetsPaths.images + imageName;
diff --git a/lib/features/mailbox/presentation/mailbox_view_web.dart b/lib/features/mailbox/presentation/mailbox_view_web.dart
index c104a7568..5e1f80f29 100644
--- a/lib/features/mailbox/presentation/mailbox_view_web.dart
+++ b/lib/features/mailbox/presentation/mailbox_view_web.dart
@@ -96,18 +96,25 @@ class MailboxView extends GetWidget {
Widget _buildComposerButton(BuildContext context) {
return Container(
- padding: const EdgeInsets.only(top: 16, right: 16, left: 20),
+ padding: const EdgeInsets.only(top: 16, right: 16, left: 16),
color: AppColor.colorBgDesktop,
alignment: Alignment.centerLeft,
- child: (ButtonBuilder(_imagePaths.icCompose)
+ child: (ButtonBuilder(_imagePaths.icComposeWeb)
..key(const Key('button_compose_email'))
- ..decoration(BoxDecoration(borderRadius: BorderRadius.circular(25), color: AppColor.colorTextButton))
+ ..decoration(BoxDecoration(
+ borderRadius: BorderRadius.circular(10),
+ color: AppColor.colorTextButton,
+ boxShadow: const [
+ BoxShadow(
+ blurRadius: 12.0,
+ color: AppColor.colorShadowComposerButton
+ )
+ ]))
..paddingIcon(const EdgeInsets.only(right: 8))
..iconColor(Colors.white)
- ..maxWidth(140)
- ..size(20)
+ ..size(16)
..radiusSplash(10)
- ..padding(const EdgeInsets.symmetric(vertical: 13))
+ ..padding(const EdgeInsets.symmetric(vertical: 8))
..textStyle(const TextStyle(fontSize: 15, color: Colors.white, fontWeight: FontWeight.w500))
..onPressActionClick(() => controller.mailboxDashBoardController.composeEmailAction())
..text(AppLocalizations.of(context).compose, isVertical: false))