diff --git a/lib/ui/screens/call_screen.dart b/lib/ui/screens/call_screen.dart
index 9607780..bcb5bbb 100644
--- a/lib/ui/screens/call_screen.dart
+++ b/lib/ui/screens/call_screen.dart
@@ -562,7 +562,8 @@ class _CallScreenState extends SafeState<CallScreen> {
           // Hang up call
           _FooterButton(
             width: 60,
-            icon: Icon(Icons.phone, color: Colors.red),
+            icon: Icon(Icons.phone),
+            bgColor: Colors.red.shade900,
             onPressed: () => _leaveCall(),
           ),
 
@@ -604,14 +605,16 @@ class _FooterButton extends StatelessWidget {
   final Widget icon;
   final bool visible;
   final double width;
+  final Color bgColor;
 
-  const _FooterButton({
-    Key key,
-    @required this.icon,
-    @required this.onPressed,
-    this.visible = true,
-    this.width = 35,
-  })  : assert(icon != null),
+  const _FooterButton(
+      {Key key,
+      @required this.icon,
+      @required this.onPressed,
+      this.visible = true,
+      this.width = 45,
+      this.bgColor = Colors.black})
+      : assert(icon != null),
         assert(visible != null),
         super(key: key);
 
@@ -619,14 +622,14 @@ class _FooterButton extends StatelessWidget {
   Widget build(BuildContext context) {
     if (!visible) return Container();
     return Padding(
-      padding: const EdgeInsets.only(left: 8, right: 8),
+      padding: const EdgeInsets.only(left: 6, right: 6),
       child: Container(
         width: width,
         child: FloatingActionButton(
           child: icon,
           foregroundColor: Colors.white,
           onPressed: onPressed == null ? null : () => onPressed(),
-          backgroundColor: Colors.black,
+          backgroundColor: bgColor,
         ),
       ),
     );