fix: minor styling updates

near · May 3, 2022 · 6e52bcf · 6e52bcf
1 parent 2dc32b3
commit 6e52bcf
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/packages/frontend/src/components/wrap/components/SelectTokenButton.js b/packages/frontend/src/components/wrap/components/SelectTokenButton.js
@@ -8,7 +8,7 @@ const StyledContainer = styled.div`
     display: flex;
     align-items: center;
     padding: 15px;
-    background-color: #fafafa;
+    background-color: #F1F3F5;
     border-radius: 8px;
     transition: 100ms;
     height: 64px;

diff --git a/packages/frontend/src/components/wrap/components/SwapFromForm.js b/packages/frontend/src/components/wrap/components/SwapFromForm.js
@@ -45,7 +45,11 @@ const FormFrom = styled.form`
         padding: 0 15px 0 15px;
         height: 64px;
         margin-top: 0;
-        background: #ffffff;
+        background-color: #F1F3F5;
+
+        :focus {
+            background-color: #FFFFFF;
+        }
     }
     input.error {
         color: #fc5b5b;

diff --git a/packages/frontend/src/components/wrap/components/SwapFromTo.js b/packages/frontend/src/components/wrap/components/SwapFromTo.js
@@ -43,7 +43,11 @@ const FormFrom = styled.form`
         text-align: right;
         padding: 0 15px 0 15px;
         height: 64px;
-        background: #ffffff;
+        background-color: #F1F3F5;
+
+        :focus {
+            background-color: #FFFFFF;
+        }
     }
     input.error {
         color: #fc5b5b;