diff --git a/app/assets/stylesheets/components/placeholder.scss b/app/assets/stylesheets/components/placeholder.scss
index 762d40e84..a9b85d525 100644
--- a/app/assets/stylesheets/components/placeholder.scss
+++ b/app/assets/stylesheets/components/placeholder.scss
@@ -44,10 +44,16 @@
   background: currentColor;
   padding: 0 0.5em;
   opacity: 0.8;
-  box-shadow: inset 0 -0.25em 0 0 $white;
+  box-shadow: inset 0 -0.35em 0 0 $white;
+  position: relative;
+  top: 0.1em;
 
   .sms-message-wrapper & {
-    box-shadow: inset 0 -0.25em 0 0 $panel-colour;
+    box-shadow: inset 0 -0.35em 0 0 $panel-colour;
+  }
+
+  *:focus + p & {
+    box-shadow: inset 0 -0.35em 0 0 $yellow;
   }
 
 }