diff --git a/app/soapbox/features/status/components/detailed_status.js b/app/soapbox/features/status/components/detailed_status.js
index 4da17ba99..0564ed617 100644
--- a/app/soapbox/features/status/components/detailed_status.js
+++ b/app/soapbox/features/status/components/detailed_status.js
@@ -189,7 +189,9 @@ export default class DetailedStatus extends ImmutablePureComponent {
-
+ { profileCardVisible &&
+
+ }
{status.get('group') && (
diff --git a/app/styles/application.scss b/app/styles/application.scss
index c42cff3e4..7c2cd14b8 100644
--- a/app/styles/application.scss
+++ b/app/styles/application.scss
@@ -27,6 +27,7 @@
@import 'dyslexic';
@import 'demetricator';
@import 'pro';
+@import 'overflow_hacks';
// COMPONENTS
@import 'components/buttons';
diff --git a/app/styles/components/account-header.scss b/app/styles/components/account-header.scss
index 930a1fd3f..0a112f469 100644
--- a/app/styles/components/account-header.scss
+++ b/app/styles/components/account-header.scss
@@ -201,7 +201,7 @@
@media screen and (max-width: 895px) {
.account-mobile-container {
display: block;
- background: var(--accent-color--faint);
+ background: var(--background-color);
margin-top: 10px;
position: relative;
padding: 10px 10px 0;
diff --git a/app/styles/overflow_hacks.scss b/app/styles/overflow_hacks.scss
new file mode 100644
index 000000000..049d44157
--- /dev/null
+++ b/app/styles/overflow_hacks.scss
@@ -0,0 +1,16 @@
+// This is a file dedicated to fixing the css we broke by introducing the hover
+// card and `overflow:visible` on drawer.scss line 23. If we ever figure out how
+// to pop the hover card out while keeping `overflow:hidden`, feel free to delete
+// this entire file.
+
+button.column-header__button.active {
+ border-radius: 0 10px 0 0;
+}
+
+.column-back-button.column-back-button--slim-button {
+ border-radius: 0 10px 0 0;
+}
+
+.detailed-status__wrapper .detailed-status__action-bar {
+ border-radius: 0;
+}