diff --git a/frontend/src/views/AngularWorkflow.jsx b/frontend/src/views/AngularWorkflow.jsx
index fece7151..a27d1876 100755
--- a/frontend/src/views/AngularWorkflow.jsx
+++ b/frontend/src/views/AngularWorkflow.jsx
@@ -14697,7 +14697,6 @@ const AngularWorkflow = (defaultprops) => {
     right: 0,
     left: isMobile ? 20 : leftBarSize + 20,
     top: isMobile ? 30 : appBarSize + 20,
-	pointerEvents: "none",
   }
 
 
@@ -14718,7 +14717,6 @@ const AngularWorkflow = (defaultprops) => {
       <div style={topBarStyle}>
         <div style={{ 
 			margin: "0px 10px 0px 10px",
-			pointerEvents: "none",
 		}}>
           <Breadcrumbs
             aria-label="breadcrumb"
@@ -14743,7 +14741,6 @@ const AngularWorkflow = (defaultprops) => {
             </Link>
             <h2 style={{ 
 				margin: 0,
-				pointerEvents: "none",
 			}}>{workflow.name}</h2>
           </Breadcrumbs>
 
diff --git a/frontend/src/views/Docs.jsx b/frontend/src/views/Docs.jsx
index 339bd608..6c412080 100755
--- a/frontend/src/views/Docs.jsx
+++ b/frontend/src/views/Docs.jsx
@@ -102,6 +102,35 @@ export const CopyToClipboard = (props) => {
     )
 }
 
+export const Paragrah = (props) => {
+    const element = React.createElement(
+        `p`,
+        {},
+        props.children,
+    )
+
+    if (props.children[0] != undefined) {
+        if(typeof props.children[0] === "string") {
+            if (props.children[0].includes('.mp4')) {
+                return (
+                    <div>
+                        <video width="640" height="480" controls>
+                            <source src={`${props.children[0]}`} type="video/mp4" />
+                        </video>
+                    </div>
+                )
+            }
+        }
+    }
+
+
+    return (
+        <div class="sdf">
+            {element}
+        </div>
+    )
+}
+
 export const OuterLink = (props) => {
     if (props.href.includes("http") || props.href.includes("mailto")) {
         return (
@@ -581,8 +610,8 @@ const Docs = (defaultprops) => {
         position: "sticky",
         top: 50,
         paddingTop: "0.25em",
-        minHeight: "93vh",
-        maxHeight: "93vh",
+        minHeight: "95vh",
+        maxHeight: "95vh",
         overflowX: "hidden",
         overflowY: "auto",
         zIndex: 1000,
@@ -940,7 +969,8 @@ const Docs = (defaultprops) => {
         h4: Heading,
         h5: Heading,
         h6: Heading,
-        a: OuterLink,
+        a:  OuterLink,
+        p:  Paragrah,
     }
 
 
@@ -1188,7 +1218,7 @@ const Docs = (defaultprops) => {
 
     // Padding and zIndex etc set because of footer in cloud.
     const loadedCheck = (
-        <div style={{ minHeight: 1000, paddingTop: "60px", zIndex: 50000, maxWidth: 1920, minWidth: isMobile ? null : 1366, margin: "auto", }}>
+        <div style={{ minHeight: 1000, zIndex: 50000, maxWidth: 1920, minWidth: isMobile ? null : 1366, margin: "auto", }}>
             <BrowserView>{postDataBrowser}</BrowserView>
             <MobileView>{postDataMobile}</MobileView>
         </div>