From cc9268bdd35217b6cbc5fc94b6ea002f3b58a6b7 Mon Sep 17 00:00:00 2001
From: Agon Ademaj <codebyagon@gmail.com>
Date: Tue, 21 May 2024 20:13:03 +0200
Subject: [PATCH] feat: display schema types and fields in a styled box for
 improved view

---
 apps/ui/src/components/schema/type.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/ui/src/components/schema/type.tsx b/apps/ui/src/components/schema/type.tsx
index 2a2473c5..e6beda09 100644
--- a/apps/ui/src/components/schema/type.tsx
+++ b/apps/ui/src/components/schema/type.tsx
@@ -19,7 +19,7 @@ export function Type({ schemaId, type }: TypeProps) {
   }
 
   return (
-    <div className="flex flex-col text-sm">
+    <div className="flex flex-col text-sm  overflow-x-scroll custom-scrollbar p-2 bg-secondary-background rounded-2xl">
       <p className="flex gap-1">
         <span className="text-pink">{kindKeywordMapper[type.kind]}</span>
         <span className="text-purple">{type.name}</span>