From 48203131586a890e76cc7df0c101b9ddd7247303 Mon Sep 17 00:00:00 2001
From: karamvir <karamvir.singh98@gmail.com>
Date: Tue, 1 Aug 2023 11:35:42 -0700
Subject: [PATCH] fix tabs value for logs

---
 .../resources/deployment/components/deployment-logs.tsx    | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/resources/deployment/components/deployment-logs.tsx b/frontend/src/resources/deployment/components/deployment-logs.tsx
index 628b19ee1..0d832336f 100644
--- a/frontend/src/resources/deployment/components/deployment-logs.tsx
+++ b/frontend/src/resources/deployment/components/deployment-logs.tsx
@@ -1,7 +1,6 @@
 import { Button } from "@ui/button";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@ui/tabs";
 import { AlertOctagon, ChevronDown, TerminalSquare } from "lucide-react";
-import { useEffect } from "react";
 import { useRead } from "@hooks";
 import { Section } from "@layouts/page";
 
@@ -22,7 +21,7 @@ export const DeploymentLogs = ({
   ).data;
 
   return (
-    <Tabs>
+    <Tabs defaultValue="stdout">
       <Section
         title="Logs"
         icon={<TerminalSquare className="w-4 h-4" />}
@@ -43,12 +42,12 @@ export const DeploymentLogs = ({
         {["stdout", "stderr"].map((t) => (
           <TabsContent key={t} className="h-full relative" value={t}>
             <div className="h-[60vh] overflow-y-scroll">
-              <pre id={t} className="scroll-mb-24">
+              <pre id={t} className="-scroll-mt-24">
                 {logs?.[t as keyof typeof logs] || `no ${t} logs`}
               </pre>
             </div>
             <Button
-              className="absolute bottom-4 right-4 scroll-mt-24"
+              className="absolute bottom-4 right-4"
               onClick={to_bottom(t)}
             >
               <ChevronDown className="h-4 w-4" />