diff --git a/pubpub/models/Fanzorviewer.glb b/src/components/Fanzorviewer.glb
similarity index 100%
rename from pubpub/models/Fanzorviewer.glb
rename to src/components/Fanzorviewer.glb
diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index b7e25256dacf4fdb84f4b74a0292a0a1eacfb7d2..a8e25437bd3c728f3944314108835bae2a18b7a0 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -4,7 +4,6 @@ import { LoremShort } from "../components/Loremipsum";
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import { openElement } from "../utils/openElement";
-import FanzorViewer from '../components/Fanzorviewer.tsx';
 
 
 
@@ -30,10 +29,7 @@ export function Engineering() {
               selectedTab.style.display = 'block';
           }
       }
-      <div className="container">
-            <h1>Protein Structure Viewer</h1>
-            <FanzorViewer />
-          </div>
+      
 
       // Scroll to the section specified by collapseId after opening the tab
       if (collapseId) {
diff --git a/src/contents/example.tsx b/src/contents/example.tsx
index aecb20c63023b416790dc932579a8748e99892db..a3f341ec41fdce59c49e156b5347e39f4784207d 100644
--- a/src/contents/example.tsx
+++ b/src/contents/example.tsx
@@ -9,6 +9,7 @@ import SimpleSlider from "../components/Slider";
 import React from 'react';
 import { Bar, Doughnut, PolarArea } from 'react-chartjs-2';
 import { Chart as ChartJS, Tooltip, Legend, BarElement, CategoryScale, LinearScale, Title, RadialLinearScale } from 'chart.js';
+import FanzorViewer from '../components/Fanzorviewer.tsx';
 
 
 ChartJS.register(
@@ -24,6 +25,10 @@ ChartJS.register(
 export function Example() {
     return (
       <>
+      <div className="container">
+            <h1>Protein Structure Viewer</h1>
+            <FanzorViewer />
+          </div>
        
       <h1> Here you can see what we can use</h1>
       <h2>Collapisbles</h2>