diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css
index bd8b3035f8..92cbb1cba6 100644
--- a/Themes/BasicBackground/BasicBackground.css
+++ b/Themes/BasicBackground/BasicBackground.css
@@ -4569,6 +4569,26 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
.userPopout-3fydSP .userPopoutInnerWithTheme-71l1ON .banner-2boKnS {
-webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat;
}
+.userPopoutInnerWithTheme-71l1ON::after {
+ content: "";
+ position: absolute;
+ display: block;
+ background: var(--profile-gradient-primary-color);
+ top: 4px;
+ right: 4px;
+ left: 4px;
+ height: 60px;
+ z-index: 1;
+}
+.userPopoutInnerWithBanner-wsoegj::after {
+ height: 120px;
+}
+.userPopoutInnerWithTheme-71l1ON::before {
+ z-index: 2;
+}
+.userPopoutInnerWithTheme-71l1ON > * {
+ z-index: 3;
+}
.userPopoutInner-PA9zkU { /* popout new inner */
border-radius: 4px;
}
diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css
index 03aa6ec4aa..06ecfb42b1 100644
--- a/Themes/DiscordRecolor/DiscordRecolor.css
+++ b/Themes/DiscordRecolor/DiscordRecolor.css
@@ -3368,6 +3368,26 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
.userPopoutInnerWithTheme-71l1ON .banner-2boKnS {
-webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat;
}
+.userPopoutInnerWithTheme-71l1ON::after {
+ content: "";
+ position: absolute;
+ display: block;
+ background: var(--profile-gradient-primary-color);
+ top: 4px;
+ right: 4px;
+ left: 4px;
+ height: 60px;
+ z-index: 1;
+}
+.userPopoutInnerWithBanner-wsoegj::after {
+ height: 120px;
+}
+.userPopoutInnerWithTheme-71l1ON::before {
+ z-index: 2;
+}
+.userPopoutInnerWithTheme-71l1ON > * {
+ z-index: 3;
+}
.userPopoutInner-PA9zkU {
border-radius: 4px;
}