fix classes

ui/app/pages/permissions-connect/redirect/index.scss

@@ -1,24 +1,10 @@
-.permissions-redirect-container {
+.permissions-redirect {
   display: flex;
-  border: none;
-  box-shadow: none;
-  width: 100%;
-  margin-top: 2px;
   height: 100%;
-  flex-direction: column;
-
-  &__content {
-    display: flex;
-    width: 100%;
-    height: 144px;
-    margin-top: 140px;
-    padding-top: 8px;
   align-items: center;
   justify-content: center;
-  }
-}
 
-.permission-result {
+  &__result {
     @extend %header--24;
 
     display: flex;
@@ -27,6 +13,7 @@
     align-items: center;
     text-align: center;
     color: $Black-100;
+    padding-bottom: 30%;
 
     &__icons {
       display: flex;
@@ -92,4 +79,5 @@
     .icon-with-fallback__identicon-border {
       position: absolute;
     }
+  }
 }

ui/app/pages/permissions-connect/redirect/permissions-redirect.component.js

@@ -8,25 +8,23 @@ export default function PermissionsRedirect ({ domainMetadata }) {
   const t = useContext(I18nContext)
 
   return (
-    <div className="page-container permissions-redirect-container">
+    <div className="permissions-redirect">
-      <div className="permissions-redirect-container__content">
+      <div className="permissions-redirect__result">
-        <div className="permission-result">
         { t('connecting') }
-          <div className="permission-result__icons">
+        <div className="permissions-redirect__result__icons">
           <IconWithFallBack icon={domainMetadata.icon} name={domainMetadata.name} />
-            <div className="permission-result__center-icon">
+          <div className="permissions-redirect__result__center-icon">
-              <span className="permission-result__check" />
+            <span className="permissions-redirect__result__check" />
             { renderBrokenLine() }
           </div>
-            <div className="permission-result__identicon-container">
+          <div className="permissions-redirect__result__identicon-container">
-              <div className="permission-result__identicon-border">
+            <div className="permissions-redirect__result__identicon-border">
               <img src="/images/logo/metamask-fox.svg" />
             </div>
           </div>
         </div>
       </div>
     </div>
-    </div>
   )
 
   function renderBrokenLine () {