diff --git a/src/app/interfaces/component.ts b/src/app/interfaces/component.ts
index 85bee92..f10117f 100644
--- a/src/app/interfaces/component.ts
+++ b/src/app/interfaces/component.ts
@@ -137,7 +137,14 @@ export class ComponentBase {
     this.subscriptions = [];
   }
 
-
+  fullscreen(selector:string){
+    const fullscreen = document.querySelector(selector);
+    if (!document.fullscreenElement && fullscreen) {
+      fullscreen.requestFullscreen();
+    } else {
+      document.exitFullscreen();
+    }
+  }
 
 
   /* To copy Text from Textbox */
diff --git a/src/app/layout/navbar/navbar.template.html b/src/app/layout/navbar/navbar.template.html
index 4ae6d22..3f3d70b 100644
--- a/src/app/layout/navbar/navbar.template.html
+++ b/src/app/layout/navbar/navbar.template.html
@@ -51,7 +51,6 @@
         <li class="dropdown-divider"></li>
        <li class="dropdown-divider"></li>
            <li><a class="dropdown-item" (click)="logout()"><i class="la la-sign-out"></i> &nbsp; Log Out</a></li>
-           <li><a class="dropdown-item" >Version:0.0.1</a></li>
          </ul>
        </li>
 
diff --git a/src/app/pages/namespace/functions/create/function.component.ts b/src/app/pages/namespace/functions/create/function.component.ts
index 73b8efc..7b00f8b 100644
--- a/src/app/pages/namespace/functions/create/function.component.ts
+++ b/src/app/pages/namespace/functions/create/function.component.ts
@@ -161,7 +161,7 @@ export class FunctionCreateComponent extends ComponentBase implements OnInit, On
   codeEditorisloaded: boolean = false;
   packageEditorisloaded: boolean = false;
   editorSelectd: string = 'INDEX';
-  fullscreen: boolean = true;
+  //fullscreen: boolean = true;
   private defaultRuntime = 'nodejs12';
   refresh: boolean = false;
   runtime = Helper.runtime[this.defaultRuntime]
diff --git a/src/app/pages/namespace/functions/create/function.style.scss b/src/app/pages/namespace/functions/create/function.style.scss
index 559cc5f..a9dad8e 100644
--- a/src/app/pages/namespace/functions/create/function.style.scss
+++ b/src/app/pages/namespace/functions/create/function.style.scss
@@ -364,3 +364,22 @@ ngx-monaco-editor.active  {
   margin-right: -16px;
   padding-left: 20px;
 }
+
+
+#fullscreen-body {
+  position: relative;
+  width: 1000px;
+  font-size: 24px;
+  height: 400px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+#fullscreen::backdrop {
+  background-color: #FFFFFF;
+}
+
+
+
diff --git a/src/app/pages/namespace/functions/create/function.template.html b/src/app/pages/namespace/functions/create/function.template.html
index 37e1ede..28215eb 100644
--- a/src/app/pages/namespace/functions/create/function.template.html
+++ b/src/app/pages/namespace/functions/create/function.template.html
@@ -210,13 +210,12 @@
                         <widget class="widget">
                           <header>
                             <div class="widget-controls">
-                              <a data-widgster="fullscreen" (click)="fullscreen =true" title="Full Screen" href="#"><i
+                              <a  (click)="fullscreen('#fullscreen')" title="Full Screen" ><i
                                 class="glyphicon glyphicon-resize-full"></i></a>
-                              <a data-widgster="restore" (click)="fullscreen =false" title="Restore" href="#"><i
-                                class="glyphicon glyphicon-resize-small"></i></a>
+
                             </div>
                           </header>
-                          <div class="widget-body p-0">
+                          <div class="fullscreen-body" id="fullscreen">
 
                             <mf-editor (codeChange)="codeSourceChange($event)"
                                        [language]="runtime.language" [value]="functionForm.get('sourceCode').value">