diff --git a/BTCPayServer/Views/UIStores/GeneralSettings.cshtml b/BTCPayServer/Views/UIStores/GeneralSettings.cshtml
index 41dc0e166..e4a159de3 100644
--- a/BTCPayServer/Views/UIStores/GeneralSettings.cshtml
+++ b/BTCPayServer/Views/UIStores/GeneralSettings.cshtml
@@ -59,14 +59,10 @@
@if (!string.IsNullOrEmpty(Model.LogoFileId))
{
-
+
}
-
- Please upload an image with square dimension, as it will be displayed in 1:1 format and circular.
- Size should be around 100✕100px.
-
}
else
{
diff --git a/BTCPayServer/wwwroot/main/layout.css b/BTCPayServer/wwwroot/main/layout.css
index 6146a9937..5d62d4127 100644
--- a/BTCPayServer/wwwroot/main/layout.css
+++ b/BTCPayServer/wwwroot/main/layout.css
@@ -184,8 +184,8 @@
#StoreSelectorToggle .logo,
#StoreSelectorToggle .icon {
- width: 1.5rem;
- height: 1.5rem;
+ max-width: 1.5rem;
+ max-height: 1.5rem;
/* Fixes seemingly delayed icon animation */
-webkit-transition-duration: 0.05s, var(--btcpay-transition-duration-fast);
}
@@ -195,10 +195,6 @@
margin-right: var(--btcpay-space-s);
}
-#StoreSelectorToggle .logo {
- border-radius: 50%;
-}
-
#StoreSelectorToggle .icon.icon-caret-down {
margin-left: auto;
color: var(--btcpay-body-text-muted);
diff --git a/BTCPayServer/wwwroot/main/site.css b/BTCPayServer/wwwroot/main/site.css
index 640392786..f3cce7f69 100644
--- a/BTCPayServer/wwwroot/main/site.css
+++ b/BTCPayServer/wwwroot/main/site.css
@@ -731,10 +731,9 @@ input:checked + label.btcpay-list-select-item {
.store-logo {
--logo-size: 3rem;
--logo-bg: transparent;
- --logo-radius: 50%;
+ --logo-radius: 0;
- width: var(--logo-size);
- height: var(--logo-size);
+ max-height: var(--logo-size);
background: var(--logo-bg);
border-radius: var(--logo-radius);
}