diff --git a/public/css/styles.css b/public/css/styles.css
deleted file mode 100644
index fddabe5d3..000000000
--- a/public/css/styles.css
+++ /dev/null
@@ -1,13 +0,0 @@
-header::before {
-    content: '';
-    background-color: #6428B4;
-}
-
-header #logo img {
-    height: 48px;
-    background-color: transparent;
-}
-
-#swagger-ui.api-platform .info .title {
-    color: #6428B4;
-}
\ No newline at end of file
diff --git a/public/css/swagger-ui/index.css b/public/css/swagger-ui/index.css
index 206f0b06c..56e3e46cf 100644
--- a/public/css/swagger-ui/index.css
+++ b/public/css/swagger-ui/index.css
@@ -27,3 +27,13 @@ body {
     background-color: #6428B4;
     color: #fff;
 }
+
+.custom-logo {
+    width: 24px;
+    height: 24px;
+    position: fixed;
+    bottom: 2px;
+    right: 2px;
+    background: url(/bundles/pimcorestudioapi/img/api-icon.png) center center no-repeat;
+    background-size: 24px 24px;
+}
diff --git a/public/img/api-icon.png b/public/img/api-icon.png
new file mode 100644
index 000000000..bfd1db4e1
Binary files /dev/null and b/public/img/api-icon.png differ
diff --git a/templates/swagger-ui/index.html.twig b/templates/swagger-ui/index.html.twig
index 8c6862d7e..4bda73f78 100644
--- a/templates/swagger-ui/index.html.twig
+++ b/templates/swagger-ui/index.html.twig
@@ -19,5 +19,6 @@
     <script src="{{ asset('bundles/pimcorestudioapi/js/swagger-ui/swagger-ui-bundle.js') }}" charset="UTF-8"> </script>
     <script src="{{ asset('bundles/pimcorestudioapi/js/swagger-ui/swagger-ui-standalone-preset.js') }}" charset="UTF-8"> </script>
     <script src="{{ asset('bundles/pimcorestudioapi/js/swagger-ui/swagger-initializer.js') }}" charset="UTF-8"> </script>
+    <div class="custom-logo"></div>
   </body>
 </html>