diff --git a/package-lock.json b/package-lock.json
index 2960b291..d1e3d229 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
             "version": "0.0.0",
             "hasInstallScript": true,
             "dependencies": {
-                "@fortawesome/fontawesome-free": "^5.15.4",
+                "@fortawesome/fontawesome-free": "^6.5.1",
                 "@mdi/font": "5.9.55",
                 "@tiptap/core": "^2.0.3",
                 "@tiptap/extension-character-count": "^2.0.3",
@@ -907,9 +907,9 @@
             }
         },
         "node_modules/@fortawesome/fontawesome-free": {
-            "version": "5.15.4",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz",
-            "integrity": "sha512-eYm8vijH/hpzr/6/1CJ/V/Eb1xQFW2nnUKArb3z+yUWv7HTwj6M7SP957oMjfZjAHU6qpoNc2wQvIxBLWYa/Jg==",
+            "version": "6.5.1",
+            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.5.1.tgz",
+            "integrity": "sha512-CNy5vSwN3fsUStPRLX7fUYojyuzoEMSXPl7zSLJ8TgtRfjv24LOnOWKT2zYwaHZCJGkdyRnTmstR0P+Ah503Gw==",
             "hasInstallScript": true,
             "engines": {
                 "node": ">=6"
@@ -7601,9 +7601,9 @@
             }
         },
         "@fortawesome/fontawesome-free": {
-            "version": "5.15.4",
-            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz",
-            "integrity": "sha512-eYm8vijH/hpzr/6/1CJ/V/Eb1xQFW2nnUKArb3z+yUWv7HTwj6M7SP957oMjfZjAHU6qpoNc2wQvIxBLWYa/Jg=="
+            "version": "6.5.1",
+            "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.5.1.tgz",
+            "integrity": "sha512-CNy5vSwN3fsUStPRLX7fUYojyuzoEMSXPl7zSLJ8TgtRfjv24LOnOWKT2zYwaHZCJGkdyRnTmstR0P+Ah503Gw=="
         },
         "@humanwhocodes/config-array": {
             "version": "0.9.5",
diff --git a/package.json b/package.json
index c714a11e..9b96c8e3 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
         "postinstall": "husky install"
     },
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^5.15.4",
+        "@fortawesome/fontawesome-free": "^6.5.1",
         "@mdi/font": "5.9.55",
         "@tiptap/core": "^2.0.3",
         "@tiptap/extension-character-count": "^2.0.3",
diff --git a/src/assets/img/PortraidMode.svg b/src/assets/img/PortraidMode.svg
new file mode 100644
index 00000000..e98aa3d3
--- /dev/null
+++ b/src/assets/img/PortraidMode.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="591.000000pt" height="415.000000pt" viewBox="0 0 591.000000 415.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,415.000000) scale(0.100000,-0.100000)"
+fill="#FFFFFF" stroke="none">
+<path d="M913 3832 c-69 -24 -117 -58 -153 -109 -58 -81 -60 -93 -60 -467 l0
+-342 -209 -464 c-115 -256 -219 -496 -232 -535 -42 -130 -26 -252 53 -409 55
+-109 452 -807 499 -877 78 -115 191 -197 328 -236 72 -20 785 -31 926 -14 112
+14 185 47 226 104 50 69 60 122 66 344 l6 203 578 0 579 0 0 -52 c1 -29 5
+-123 9 -208 7 -138 11 -161 35 -212 31 -65 78 -107 151 -134 45 -17 90 -19
+473 -22 487 -3 546 2 672 64 84 42 166 117 221 204 64 100 472 824 505 895 67
+145 77 244 38 376 -9 30 -110 263 -224 519 l-208 465 -7 340 c-6 303 -9 345
+-27 392 -24 64 -86 130 -153 163 l-50 25 -1995 2 c-1896 2 -1998 2 -2047 -15z
+m4033 -141 c23 -10 52 -34 65 -52 l24 -34 0 -845 0 -845 -22 -3 c-39 -6 -78
+46 -128 168 -62 151 -205 430 -308 599 -102 168 -166 240 -255 283 -58 29 -76
+33 -147 33 -67 0 -89 -4 -137 -28 -139 -68 -219 -237 -189 -399 5 -31 62 -197
+126 -370 163 -436 163 -446 14 -646 -109 -144 -144 -205 -175 -300 l-27 -82
+-852 0 -853 0 -6 35 c-11 59 -82 185 -167 300 -128 171 -148 231 -115 350 8
+28 60 174 116 325 57 151 109 300 116 330 35 143 2 273 -95 370 -66 66 -141
+93 -242 88 -102 -6 -169 -39 -246 -121 -103 -111 -319 -494 -438 -777 -65
+-154 -84 -180 -132 -180 l-33 0 0 844 0 844 33 43 c17 23 52 53 76 66 l44 23
+1956 0 c1886 0 1957 -1 1997 -19z m-701 -855 c60 -25 132 -104 207 -225 83
+-134 252 -465 322 -628 65 -152 114 -200 220 -210 60 -5 126 24 160 70 20 27
+21 45 26 387 l5 360 147 -328 c81 -180 155 -358 164 -395 31 -124 15 -162
+-310 -731 -119 -209 -235 -404 -257 -433 -22 -29 -63 -69 -92 -88 -101 -67
+-107 -68 -569 -72 -461 -5 -512 -1 -559 46 -33 34 -37 62 -42 278 l-3 163 58
+0 58 0 0 -70 c0 -81 19 -110 70 -110 57 0 70 27 70 145 0 187 28 262 171 456
+130 177 151 226 150 348 0 85 -8 111 -135 454 -124 336 -132 365 -116 442 26
+124 142 188 255 141z m-2460 -25 c98 -44 136 -149 101 -276 -7 -27 -61 -180
+-120 -338 -59 -159 -111 -311 -117 -339 -16 -74 -7 -183 21 -247 13 -30 64
+-108 113 -175 111 -150 130 -183 157 -271 16 -52 22 -100 23 -189 2 -111 4
+-119 26 -137 27 -22 60 -24 85 -6 21 15 35 74 36 145 l0 52 57 0 56 0 -7 -201
+c-8 -239 -14 -260 -81 -290 -43 -19 -63 -20 -503 -17 -456 3 -457 3 -517 27
+-44 18 -77 42 -125 90 -57 58 -94 116 -290 461 -306 539 -320 568 -320 676 0
+78 4 89 177 476 l138 308 5 -358 c5 -330 6 -359 24 -385 45 -66 163 -90 242
+-49 67 35 104 86 154 212 113 288 354 712 449 792 70 58 145 72 216 39z"/>
+</g>
+</svg>
diff --git a/src/components/Extra.vue b/src/components/Extra.vue
index 2ee8a313..a1c6ce64 100644
--- a/src/components/Extra.vue
+++ b/src/components/Extra.vue
@@ -13,7 +13,15 @@
     <!-- Circuit Elements Panel -->
     <ElementsPanel />
     <!-- --------------------------------------------------------------------------------------------- -->
-
+    <!-- Lock of Portait Mode -->
+    <div id="potraidLockBg"></div>
+    <div id="lockPortaidMode">
+        <span class="portaidIcon"> </span>
+        <span id="portaidModeText"
+            >Please switch to the landscape mode and refresh to access the
+            simulator</span
+        >
+    </div>
     <!-- --------------------------------------------------------------------------------------------- -->
     <!-- Layout Element Panel -->
     <div
@@ -321,3 +329,74 @@ import InsertSubcircuit from './DialogBox/InsertSubcircuit.vue'
 import OpenOffline from './DialogBox/OpenOffline.vue'
 import ReportIssue from './ReportIssue/ReportIssue.vue'
 </script>
+
+<style>
+
+#potraidLockBg {
+    display: none;
+}
+
+#lockPortaidMode {
+    display: none;
+}
+
+@media screen and (orientation: portrait) and (max-device-width: 1024px){
+    #potraidLockBg {
+        display: flex;
+        position: absolute;
+        background-color: rgb(0, 0, 0);
+        width: 100%;
+        height: 100%;
+        opacity: 70%;
+        z-index: 1000;
+    }
+
+    #lockPortaidMode {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        flex-grow: 1;
+        position: fixed;
+        z-index: 1000;
+        height: 450px;
+        width: 600px;
+        top: 30%;
+        right: 20%;
+        border-radius: 20px;
+    }
+
+     .portaidIcon {
+        background: url(../assets/img/PortraidMode.svg) center/cover no-repeat;
+        display: block;
+        font-size: 210px;
+        padding-top: 50px;
+        padding-right: 10px;
+        height: 150px;
+        width: 250px;
+    }
+
+    #portaidModeText {
+        color: white;
+        font-size: 35px;
+        padding-left: 20px;
+        padding-right: 10px;
+        padding-top: 40px;
+        overflow: hidden;
+        text-align: center;
+        font-weight: bold;
+    }
+
+    .ce-panel {
+        display: none;
+    }
+    .properties-panel {
+        visibility: hidden;
+    }
+    .timing-diagram-panel {
+        display: none;
+    }
+}
+
+    
+
+</style>
diff --git a/src/components/MessageBox/messageBox.vue b/src/components/MessageBox/messageBox.vue
index 01c192fd..d768ab98 100644
--- a/src/components/MessageBox/messageBox.vue
+++ b/src/components/MessageBox/messageBox.vue
@@ -49,7 +49,7 @@
 
 <script lang="ts" setup>
 import BooleanTable from '@/DialogBox/BooleanTable.vue'
-import { defineProps, defineEmits } from 'vue'
+// import { defineProps, defineEmits } from 'vue'
 
 defineEmits(['buttonClick'])
 
diff --git a/src/components/Navbar/Hamburger/Hamburger.vue b/src/components/Navbar/Hamburger/Hamburger.vue
index 4b80d603..35051d63 100644
--- a/src/components/Navbar/Hamburger/Hamburger.vue
+++ b/src/components/Navbar/Hamburger/Hamburger.vue
@@ -16,5 +16,6 @@
 <script lang="ts" setup></script>
 
 <style>
-@import url('./Hamburger.css');
+/* Commenting since ./Hamburger.css file is empty its showing errors in the console */
+/* @import url('./Hamburger.css'); */
 </style>
diff --git a/src/components/ReportIssue/ReportIssueButton.vue b/src/components/ReportIssue/ReportIssueButton.vue
index f67be3e3..5db06d66 100644
--- a/src/components/ReportIssue/ReportIssueButton.vue
+++ b/src/components/ReportIssue/ReportIssueButton.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts" setup>
-import { defineEmits } from 'vue'
+// import { defineEmits } from 'vue'
 
 const emit = defineEmits(['openReportModal'])