diff --git a/lib/ui/pages/sendfiles.dart b/lib/ui/pages/sendfiles.dart
index f40a50d4..1246c68e 100644
--- a/lib/ui/pages/sendfiles.dart
+++ b/lib/ui/pages/sendfiles.dart
@@ -6,6 +6,7 @@ import 'package:mime/mime.dart';
 import 'package:moxxyv2/ui/bloc/navigation_bloc.dart';
 import 'package:moxxyv2/ui/bloc/sendfiles_bloc.dart';
 import 'package:moxxyv2/ui/constants.dart';
+import 'package:moxxyv2/ui/widgets/cancel_button.dart';
 import 'package:moxxyv2/ui/widgets/chat/shared/base.dart';
 import 'package:moxxyv2/ui/widgets/chat/shared/image.dart';
 import 'package:moxxyv2/ui/widgets/chat/shared/video.dart';
@@ -242,9 +243,7 @@ class SendFilesPage extends StatelessWidget {
               Positioned(
                 top: 8,
                 left: 8,
-                child: IconButton(
-                  color: Colors.white,
-                  icon: const Icon(Icons.close),
+                child: CancelButton(
                   onPressed: () => context.read<NavigationBloc>().add(PoppedRouteEvent()),
                 ),
               ),
diff --git a/lib/ui/pages/settings/appearance/cropbackground.dart b/lib/ui/pages/settings/appearance/cropbackground.dart
index b04750d8..8748610e 100644
--- a/lib/ui/pages/settings/appearance/cropbackground.dart
+++ b/lib/ui/pages/settings/appearance/cropbackground.dart
@@ -6,6 +6,7 @@ import 'package:moxxyv2/ui/bloc/cropbackground_bloc.dart';
 import 'package:moxxyv2/ui/bloc/navigation_bloc.dart';
 import 'package:moxxyv2/ui/constants.dart';
 import 'package:moxxyv2/ui/widgets/button.dart';
+import 'package:moxxyv2/ui/widgets/cancel_button.dart';
 
 class CropBackgroundPage extends StatefulWidget {
 
@@ -151,9 +152,7 @@ class CropBackgroundPageState extends State<CropBackgroundPage> {
                     left: 8,
                     child: Material(
                       color: const Color.fromRGBO(0, 0, 0, 0),
-                      child: IconButton(
-                        color: Colors.white,
-                        icon: const Icon(Icons.close),
+                      child: CancelButton(
                         onPressed: () => context.read<NavigationBloc>().add(PoppedRouteEvent()),
                       ),
                     ),
diff --git a/lib/ui/widgets/cancel_button.dart b/lib/ui/widgets/cancel_button.dart
new file mode 100644
index 00000000..a68c370d
--- /dev/null
+++ b/lib/ui/widgets/cancel_button.dart
@@ -0,0 +1,20 @@
+import 'package:decorated_icon/decorated_icon.dart';
+import 'package:flutter/material.dart';
+
+class CancelButton extends StatelessWidget {
+
+  const CancelButton({required this.onPressed, Key? key}) : super(key: key);
+  final void Function() onPressed;
+  
+  @override
+  Widget build(BuildContext context) {
+    return IconButton(
+      color: Colors.white,
+      icon: const DecoratedIcon(
+        Icons.close,
+        shadows: [BoxShadow(blurRadius: 8)],
+      ),
+      onPressed: onPressed,
+    );
+  }
+}