diff --git a/src/features/docs/view/Swagger.tsx b/src/features/docs/view/Swagger.tsx
index 9aca9125..e821cdcf 100644
--- a/src/features/docs/view/Swagger.tsx
+++ b/src/features/docs/view/Swagger.tsx
@@ -3,6 +3,7 @@ import SwaggerUI from "swagger-ui-react"
 import "swagger-ui-react/swagger-ui.css"
 import { Box } from "@mui/material"
 import LoadingWrapper from "./LoadingWrapper"
+import "./swagger.css"
 
 const Swagger = ({ url }: { url: string }) => {
   const [isLoading, setLoading] = useState(true)
diff --git a/src/features/docs/view/swagger.css b/src/features/docs/view/swagger.css
new file mode 100644
index 00000000..13551dba
--- /dev/null
+++ b/src/features/docs/view/swagger.css
@@ -0,0 +1,6 @@
+.swagger-ui .info span.url {
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: 80%;
+}