diff --git a/app/gabsocial/features/ui/components/tabs_bar.js b/app/gabsocial/features/ui/components/tabs_bar.js
index de9499acd..ada4dbc87 100644
--- a/app/gabsocial/features/ui/components/tabs_bar.js
+++ b/app/gabsocial/features/ui/components/tabs_bar.js
@@ -66,7 +66,8 @@ class TabsBar extends React.PureComponent {
let links = [];
if (logo) {
links.push(
-
+
+
);
}
diff --git a/app/styles/gabsocial/components/tabs-bar.scss b/app/styles/gabsocial/components/tabs-bar.scss
index 4dfe8a2fa..f9fffad7f 100644
--- a/app/styles/gabsocial/components/tabs-bar.scss
+++ b/app/styles/gabsocial/components/tabs-bar.scss
@@ -223,16 +223,19 @@ $nav-ui-background-color: $gab-brand-default !default;
&--logo {
display: block;
- width: 80px;
- height: 50px;
margin-right: 30px;
border: 0;
- background-repeat: no-repeat;
- background-position: center;
- background-size: 100% calc(100% - 25px);
+ height: 50px;
+ overflow: hidden;
+ padding: 10px 0;
+ box-sizing: border-box;
filter: brightness(0%) grayscale(100%) invert(100%);
& span {display: none !important;}
+ img {
+ height: 100%;
+ }
+
&:hover {
border: 0 !important;
}