diff --git a/src/main/resources/module/styles/flyout.css b/src/main/resources/module/styles/flyout.css
index 50e3e3c..32ba05d 100644
--- a/src/main/resources/module/styles/flyout.css
+++ b/src/main/resources/module/styles/flyout.css
@@ -5,6 +5,11 @@
   padding:4px;
 }
 
+.rdf-flyout-content{
+  height: 90%;
+  width: 100%;
+}
+
 img.rdf-resource_preview_logo{
 	float:right;
 	width:30%;
diff --git a/src/main/resources/templates/resource_preview_template.vt b/src/main/resources/templates/resource_preview_template.vt
index f76f712..e7373a6 100644
--- a/src/main/resources/templates/resource_preview_template.vt
+++ b/src/main/resources/templates/resource_preview_template.vt
@@ -1,23 +1,11 @@
 <html>
 <head>
   <link rel="stylesheet" type="text/css" href="/extension/rdf-extension/styles/flyout.css"></link>
-  <script type="text/javascript">
-        var request = new XMLHttpRequest()
-        request.open('GET', "$previewResourceUrl", true)
-        request.onload = function () {
-            document.getElementById("rdf-resource-preview-flyout-content").innerHTML = this.response;
-        }
-        // Send request
-        request.send()
-  </script>
 </head>
 <body>
     <div><a href="$resourceUri">$resourceUri</a></div>
-    <div class="rdf-resource-preview-flyout-content" id="rdf-resource-preview-flyout-content">
-      <img src="/images/large-spinner.gif" /> 
-      <div>
-        Fetching information about $resourceUri
-      </div>
-    </div>  
+    <div class="fbs-flyout-content" id="rdf-resource-preview-flyout-content">
+        <iframe class="rdf-flyout-content" src="$resourceUri"></iframe>
+    </div>
   </body>
-</html>
\ No newline at end of file
+</html>
