diff --git a/mobile/smartphone.css b/mobile/smartphone.css
index b04c1b21..7343a598 100644
--- a/mobile/smartphone.css
+++ b/mobile/smartphone.css
@@ -15,20 +15,29 @@ body {
 
 #chatcontrols {
   height: 38px;
+  width: 100%;
+  display: flexbox;
+  display: -webkit-box;
+  display: -webkit-flexbox;
+  display: -moz-flexbox;
+  display: -moz-box;
 }
 
 /* hide shrink button */
 #chatcontrols a:first-child {
-    display: none;
+  display: none;
 }
 
 #chatcontrols a {
-  width: 50px;
   height:36px;
   overflow: hidden;
   vertical-align: middle;
   line-height: 36px;
   text-decoration: none;
+  -webkit-box-flex: 1;
+  -moz-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
 }
 
 #chat {