diff --git a/gradle/changelog/plugin_logo.yaml b/gradle/changelog/plugin_logo.yaml
new file mode 100644
index 0000000000..dc6c14caa9
--- /dev/null
+++ b/gradle/changelog/plugin_logo.yaml
@@ -0,0 +1,2 @@
+- type: Added
+  description: Add bounding box for plugin avatar ([#1749](https://github.com/scm-manager/scm-manager/pull/1749))
diff --git a/scm-ui/ui-webapp/src/admin/plugins/components/PluginAvatar.tsx b/scm-ui/ui-webapp/src/admin/plugins/components/PluginAvatar.tsx
index 3b55a2735b..794a98f3e4 100644
--- a/scm-ui/ui-webapp/src/admin/plugins/components/PluginAvatar.tsx
+++ b/scm-ui/ui-webapp/src/admin/plugins/components/PluginAvatar.tsx
@@ -22,6 +22,7 @@
  * SOFTWARE.
  */
 import React from "react";
+import styled from "styled-components";
 import { ExtensionPoint } from "@scm-manager/ui-extensions";
 import { Plugin } from "@scm-manager/ui-types";
 import { Image } from "@scm-manager/ui-components";
@@ -30,20 +31,28 @@ type Props = {
   plugin: Plugin;
 };
 
+const BoundingBox = styled.p`
+  img {
+    object-fit: contain;
+    height: 64px;
+    width: 64px;
+  }
+`;
+
 export default class PluginAvatar extends React.Component<Props> {
   render() {
     const { plugin } = this.props;
     return (
-      <p className="image is-64x64">
+      <BoundingBox className="image is-64x64">
         <ExtensionPoint
           name="plugins.plugin-avatar"
           props={{
-            plugin
+            plugin,
           }}
         >
           <Image src={plugin.avatarUrl ? plugin.avatarUrl : "/images/blib.jpg"} alt="Logo" />
         </ExtensionPoint>
-      </p>
+      </BoundingBox>
     );
   }
 }