diff --git a/apps/framer-plugin/src/App.tsx b/apps/framer-plugin/src/App.tsx
index 1eb7c907..730dd04e 100644
--- a/apps/framer-plugin/src/App.tsx
+++ b/apps/framer-plugin/src/App.tsx
@@ -8,16 +8,21 @@ framer.showUI({
   height: 446,
 })
 
-const framerPluginURLOrigin = 'https://delicious-statuses-566068.framer.app'
+const framerPluginURLOrigin = 'https://shadergradient-v2.framer.website' // shadergradient.co origin
 
 const handleAddShaderGradient = async (controls: { message: string }) => {
   await framer.addComponentInstance({
-    url: 'https://framer.com/m/ShaderGradientStaging-8Yhr.js', //staging
-    // url: 'https://framer.com/m/ShaderGradient-oWuS.js', // upgraded shadergradient
+    // url: 'https://framer.com/m/ShaderGradientStaging-8Yhr.js', //staging
+    url: 'https://framer.com/m/ShaderGradient-oWuS.js', // upgraded shadergradient
     attributes: {
       width: '900px',
       height: '600px',
-      controls: controls,
+      controls: {
+        ...controls,
+        zoomOut: false,
+        toggleAxis: false,
+        range: 'disabled',
+      },
     },
   })
 }
@@ -38,19 +43,17 @@ export function App() {
 
   return (
     <main>
-      <div>
-        <iframe
-          id='framer-plugin-site'
-          src={framerPluginURLOrigin + '/framer-plugin'}
-          style={{
-            outline: 'none',
-            border: 'none',
-            width: 300,
-            height: 446,
-            overflow: 'hidden',
-          }}
-        />
-      </div>
+      <iframe
+        id='framer-plugin-site'
+        src={framerPluginURLOrigin + '/framer-plugin'}
+        style={{
+          outline: 'none',
+          border: 'none',
+          width: 300,
+          height: 446,
+          overflow: 'hidden',
+        }}
+      />
     </main>
   )
 }