diff --git a/components/atg/Editor/editor/code.tsx b/components/atg/Editor/editor/code.tsx
index 5b53455e..c2a82927 100644
--- a/components/atg/Editor/editor/code.tsx
+++ b/components/atg/Editor/editor/code.tsx
@@ -256,7 +256,7 @@ export const Code = ({
               showText ? "w-full" : "w-0"
             }`}
           >
-            <p className={`text-gray-50 font-bold ml-2 text-sm`}>
+            <p className={`text-gray-50 font-bold ml-2 text-sm whitespace-nowrap`}>
               Side Content
             </p>
           </div>
diff --git a/components/atg/components/SideBarContent/SideBarNormal.tsx b/components/atg/components/SideBarContent/SideBarNormal.tsx
index a1b4d67f..98daf21e 100644
--- a/components/atg/components/SideBarContent/SideBarNormal.tsx
+++ b/components/atg/components/SideBarContent/SideBarNormal.tsx
@@ -328,6 +328,7 @@ export default function SideBarNormal({
               className={`${
                 SideBartheme ? "text-secondary-300" : "text-gray-300"
               } font-semibold`}
+              sx={{whiteSpace:"nowrap"}}
             >
               {step.label}
             </Typography>
@@ -342,6 +343,7 @@ export default function SideBarNormal({
               "&::-webkit-scrollbar": {
                 display: "none",
               },
+              height:"auto",
             }}
           >
             <Box sx={{ mt: 2 }}>
diff --git a/components/atg/editor.tsx b/components/atg/editor.tsx
index 5ef56731..0b238253 100644
--- a/components/atg/editor.tsx
+++ b/components/atg/editor.tsx
@@ -303,6 +303,7 @@ const Editor = ({ goFullScreen = false }: { goFullScreen?: boolean }) => {
                   className={`relative flex flex-col ${
                     showSideContent ? "w-8/12" : "w-full"
                   } h-full transition-all mt- duration-300`}
+                  style={{ minWidth: "775px" }}
                 >
                   {/* Code and Terminal */}
                   {files.length !== 0 ? (