diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index ed6a105..02d3513 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -510,6 +510,7 @@ function App() {
                   code={generatedCode}
                   setCode={setGeneratedCode}
                   settings={settings}
+                  showOpenInCodepenio={true}
                 />
               </TabsContent>
             </Tabs>
@@ -522,6 +523,7 @@ function App() {
                   code={generatedCode}
                   setCode={setGeneratedCode}
                   settings={settings}
+                  showOpenInCodepenio={false}
                 />
           </div>
         )}
diff --git a/frontend/src/components/CodeTab.tsx b/frontend/src/components/CodeTab.tsx
index d10f649..a2de1b3 100644
--- a/frontend/src/components/CodeTab.tsx
+++ b/frontend/src/components/CodeTab.tsx
@@ -10,9 +10,10 @@ interface Props {
   code: string;
   setCode: React.Dispatch<React.SetStateAction<string>>;
   settings: Settings;
+  showOpenInCodepenio: boolean;
 }
 
-function CodeTab({ code, setCode, settings }: Props) {
+function CodeTab({ code, setCode, settings,showOpenInCodepenio}: Props) {
   const copyCode = useCallback(() => {
     copy(code);
     toast.success("Copied to clipboard");
@@ -63,6 +64,7 @@ function CodeTab({ code, setCode, settings }: Props) {
         >
           Copy Code <FaCopy className="ml-2" />
         </span>
+        { showOpenInCodepenio!=false && (
         <Button
           onClick={doOpenInCodepenio}
           className="bg-gray-100 text-black ml-2 py-2 px-4 border border-black rounded-md hover:bg-gray-400 focus:outline-none"
@@ -74,6 +76,7 @@ function CodeTab({ code, setCode, settings }: Props) {
             className="h-4 ml-1"
           />
         </Button>
+        )}
       </div>
       <CodeMirror
         code={code}