diff --git a/ui/app/components/app/permission-page-container/index.scss b/ui/app/components/app/permission-page-container/index.scss
index 7979867fa..c3a6a65a0 100644
--- a/ui/app/components/app/permission-page-container/index.scss
+++ b/ui/app/components/app/permission-page-container/index.scss
@@ -173,23 +173,32 @@
}
&__identicon-container, .icon-with-fallback__identicon-container {
- padding: 1rem;
- flex: 1;
- position: relative;
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
+ padding: 1rem;
+ flex: 1;
+ position: relative;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
&__identicon-border, .icon-with-fallback__identicon-border {
- height: 64px;
- width: 64px;
- border-radius: 50%;
- border: 1px solid white;
- position: absolute;
- background: #FFFFFF;
- box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
+ height: 64px;
+ width: 64px;
+ border-radius: 50%;
+ border: 1px solid white;
+ background: #FFFFFF;
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
+ }
+
+ &__identicon-border {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .icon-with-fallback__identicon-border {
+ position: absolute;
}
&:before {
diff --git a/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js b/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js
index d6a62dbbf..69b14226e 100644
--- a/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js
+++ b/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js
@@ -59,12 +59,13 @@ export default class PermissionPageContainerContent extends PureComponent {
{ redirect ? null : this.renderAccountInfo(selectedAccount) }