From 0be6c65eb37a3ee7a0d9ec433b5fe54b2754fc7d Mon Sep 17 00:00:00 2001
From: Mark Stacey <markjstacey@gmail.com>
Date: Mon, 21 Mar 2022 22:11:53 -0230
Subject: [PATCH] Fix SrpInput small viewport styles (#14087)

The styles for smaller viewports were broken because I forgot to update
the small-screen grid template after adding the "paste-tip". The styles
have now been updated to fit the content properly on all of our
supported screen sizes.
---
 ui/components/app/srp-input/srp-input.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/components/app/srp-input/srp-input.scss b/ui/components/app/srp-input/srp-input.scss
index 43c88a59e..21f0a576b 100644
--- a/ui/components/app/srp-input/srp-input.scss
+++ b/ui/components/app/srp-input/srp-input.scss
@@ -11,7 +11,13 @@
 
   @media (max-width: 767px) {
     &__container {
-      grid-template-areas: "title" "dropdown" "input" "error";
+      grid-template-areas:
+        "title"
+        "dropdown"
+        "paste-tip"
+        "input"
+        "error"
+        "too-many-words-error";
     }
   }
 
@@ -26,7 +32,7 @@
   &__paste-tip {
     margin-bottom: 8px;
     grid-area: paste-tip;
-    width: max-content;
+    width: auto;
     margin-left: auto;
     margin-right: auto;
   }