diff --git a/pages/swagger.tsx b/pages/swagger.tsx
index db948e66d..3db4e0c3b 100644
--- a/pages/swagger.tsx
+++ b/pages/swagger.tsx
@@ -11,12 +11,12 @@ const SwaggerUI = dynamic(() => import("swagger-ui-react"), { ssr: false });
 
 const Home: NextPage = () => {
 	const { data } = api.settings.getOpenApiDocument.useQuery();
-	console.log(data);
 
-	if (!data) {
-		return <div>Loading...</div>;
-	}
-	return <SwaggerUI spec={data} />;
+	return (
+		<div className="h-screen bg-white">
+			<SwaggerUI spec={data || {}} />
+		</div>
+	);
 };
 
 export default Home;
@@ -31,7 +31,6 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
 			},
 		};
 	}
-	// Fetch data from external API
 	const helpers = createServerSideHelpers({
 		router: appRouter,
 		ctx: {
diff --git a/styles/globals.css b/styles/globals.css
index 761bfa694..3b207a0c6 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -163,4 +163,9 @@
     background-color: white;
   }
 
+  .swagger-ui .info{
+    margin: 0px !important;
+    padding-top: 1rem !important;
+  }
+
 }
\ No newline at end of file