From 23897772446dd31e201e4013a9012c36a327ca46 Mon Sep 17 00:00:00 2001
From: Whymarrh Whitby <whymarrh.whitby@gmail.com>
Date: Mon, 20 Jul 2020 15:26:44 -0230
Subject: [PATCH] Fix invalid CSS rules (#9039)

---
 ui/app/components/app/multiple-notifications/index.scss       | 1 -
 ui/app/components/app/permission-page-container/index.scss    | 4 ++--
 ui/app/components/app/sidebars/sidebar-content.scss           | 1 -
 .../app/signature-request/signature-request-footer/index.scss | 4 ++--
 ui/app/css/itcss/components/pages/permission-approval.scss    | 2 +-
 ui/app/css/variables/colors.scss                              | 2 +-
 6 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/ui/app/components/app/multiple-notifications/index.scss b/ui/app/components/app/multiple-notifications/index.scss
index 0f2d86ad3..c1a52cf95 100644
--- a/ui/app/components/app/multiple-notifications/index.scss
+++ b/ui/app/components/app/multiple-notifications/index.scss
@@ -16,7 +16,6 @@
     position: relative;
     width: 100%;
     height: 100%;
-    visibility: none;
 
     .fa-sm {
       display: initial;
diff --git a/ui/app/components/app/permission-page-container/index.scss b/ui/app/components/app/permission-page-container/index.scss
index 2db5ec09f..c26189e0c 100644
--- a/ui/app/components/app/permission-page-container/index.scss
+++ b/ui/app/components/app/permission-page-container/index.scss
@@ -129,8 +129,8 @@
   }
 
   &__tooltip-body {
-    display: 'flex';
-    flex-direction: 'column';
+    display: flex;
+    flex-direction: column;
   }
 
   &__bold-title-elements {
diff --git a/ui/app/components/app/sidebars/sidebar-content.scss b/ui/app/components/app/sidebars/sidebar-content.scss
index 7b3c10116..e67bab43a 100644
--- a/ui/app/components/app/sidebars/sidebar-content.scss
+++ b/ui/app/components/app/sidebars/sidebar-content.scss
@@ -34,7 +34,6 @@
     .page-container__bottom {
       display: flex;
       flex-direction: column;
-      flex-flow: space-between;
       height: 100%;
     }
 
diff --git a/ui/app/components/app/signature-request/signature-request-footer/index.scss b/ui/app/components/app/signature-request/signature-request-footer/index.scss
index 53a64dc38..b0c07f0b1 100644
--- a/ui/app/components/app/signature-request/signature-request-footer/index.scss
+++ b/ui/app/components/app/signature-request/signature-request-footer/index.scss
@@ -9,11 +9,11 @@
     border-radius: 3px;
   }
 
-  button:first-child() {
+  button:first-child {
     margin-left: 1rem;
   }
 
-  button:last-child() {
+  button:last-child {
     margin-right: 1rem;
   }
 }
diff --git a/ui/app/css/itcss/components/pages/permission-approval.scss b/ui/app/css/itcss/components/pages/permission-approval.scss
index a4f062f38..e8e712cbc 100644
--- a/ui/app/css/itcss/components/pages/permission-approval.scss
+++ b/ui/app/css/itcss/components/pages/permission-approval.scss
@@ -5,7 +5,7 @@
 }
 
 .permission_approval_origin {
-  font-weight: 999;
+  font-weight: 900;
   margin-top: 16px;
   word-wrap: break-word;
 }
diff --git a/ui/app/css/variables/colors.scss b/ui/app/css/variables/colors.scss
index eb0a1b929..d57704194 100644
--- a/ui/app/css/variables/colors.scss
+++ b/ui/app/css/variables/colors.scss
@@ -1,5 +1,5 @@
 // These are the colors of the MetaMask design system
-// Only design system colors should be added, no superfulous variables
+// Only design system colors should be added, no superfluous variables
 // See https://bit.ly/32mnoja (link to figma design system)
 $Blue-000: #eaf6ff;
 $Blue-100: #a7d9fe;