diff --git a/client/src/App.tsx b/client/src/App.tsx
index 7a506b9f..f89c8e8b 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -94,7 +94,7 @@ const App = () => {
       <div className="flex-1 flex flex-col overflow-hidden">
         <h1 className="text-2xl font-bold p-4">MCP Inspector</h1>
         <div className="flex-1 overflow-auto">
-          <Tabs defaultValue="requests" className="w-full">
+          <Tabs defaultValue="requests" className="w-full p-4">
             <TabsList className="mb-4">
               <TabsTrigger value="requests">
                 <Send className="w-4 h-4 mr-2" />
diff --git a/client/src/components/PromptsTab.tsx b/client/src/components/PromptsTab.tsx
index fd256349..c2b53a6f 100644
--- a/client/src/components/PromptsTab.tsx
+++ b/client/src/components/PromptsTab.tsx
@@ -27,7 +27,6 @@ const PromptsTab = ({
   promptContent: string;
   error: string | null;
 }) => {
-  console.log("prompts", prompts);
   return (
     <TabsContent value="prompts" className="grid grid-cols-2 gap-4">
       <div className="bg-white rounded-lg shadow">
diff --git a/client/src/components/ToolsTabs.tsx b/client/src/components/ToolsTabs.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/client/src/index.css b/client/src/index.css
index 5dd66362..9983868a 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -28,7 +28,6 @@ a:hover {
 
 body {
   margin: 0;
-  display: flex;
   place-items: center;
   min-width: 320px;
   min-height: 100vh;