diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index c7bc9a96a..edbaffc23 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -2,23 +2,27 @@
     <div id="app">
         <v-app :style="{ background: $vuetify.theme.themes[theme_variant].background }">
             <app-toolbar/>
+            <sidebar-navigation/>
 
             <v-content :style="`padding-bottom: ${footer_visible ? 44 : 22}px;`">
-                <v-container class="no-padding" fluid fill-height align>
-                    <v-layout style="margin: 0;" row align-space-between all fill-height>
-                        <sidebar-navigation/>
-                        <sidebar-main/>      
-
-                        <v-flex :xs10="is_sidebar_open" :xs12="!is_sidebar_open">
-                            <editor-shell-tab-system/>
-                            <editor-shell-content-manager/>
-
-                            <window-factory-main/>
-                            <context-menu-main/>
-                            <json-editor-hover-card/>
-                        </v-flex>
-                    </v-layout>
-                </v-container>
+                <v-row style="height: 100%;" no-gutters>
+                    <v-col cols="2">
+                        <sidebar-main/>
+                    </v-col>
+                    <v-col
+                        @click="setSplitScreen(false)"
+                        :style="`border-right: 1px solid ${is_dark_mode ? 'rgba(255, 255, 255, 0.12)' : 'rgba(0, 0, 0, 0.12)'} !important;`"
+                        :cols="5 * has_split_screen"
+                    >
+                        <editor-shell-tab-system/>
+                        <editor-shell-content-manager/>
+                    </v-col>
+                    <v-col @click="setSplitScreen(true)" v-if="has_split_screen" cols="5">
+                        <editor-shell-tab-system :split_screen="true"/>
+                        <editor-shell-content-manager :split_screen="true"/>
+                    </v-col>
+                </v-row>
+                
             </v-content>
 
             <v-footer color="footer" :class="footer_visible ? 'big' : ''" fixed padless app>
@@ -29,6 +33,10 @@
                     created by <a class="grey--text text--lighten-1" @click="openTwitter">solvedDev</a>
                 </span>
             </v-footer>
+
+            <window-factory-main/>
+            <context-menu-main/>
+            <json-editor-hover-card/>
         </v-app>
     </div>
 </template>
@@ -48,6 +56,7 @@
     import startUp from "./scripts/utilities/startUp";
     import EventBus from './scripts/EventBus';
     import Vue from "vue";
+    import TabSystem from './scripts/TabSystem';
   
     export default {
         name: 'bridge',
@@ -81,6 +90,7 @@
                     update_styles: theme.update_styles
                 });
             });
+            EventBus.on("updateTabUI", this.updateSplitScreen);
         },
         computed: {
             is_sidebar_open() {
@@ -111,12 +121,19 @@
             return {
                 content: "",
                 file: "",
-                path: ""
+                path: "",
+                has_split_screen: false
             };
         },
         methods: {
             openTwitter() {
                 shell.openExternal("https://twitter.com/solvedDev");
+            },
+            updateSplitScreen() {
+                this.has_split_screen = TabSystem.getCurrentProjects(true).length > 0;
+            },
+            setSplitScreen(val) {
+                TabSystem.split_screen_active = val;
             }
         }
     }
diff --git a/src/renderer/components/editor_shell/JsonEditor/JsonInput.vue b/src/renderer/components/editor_shell/JsonEditor/JsonInput.vue
index db0b2d80b..33feee142 100644
--- a/src/renderer/components/editor_shell/JsonEditor/JsonInput.vue
+++ b/src/renderer/components/editor_shell/JsonEditor/JsonInput.vue
@@ -43,7 +43,8 @@
             tab_id: Number,
             render_object: Object,
             file_navigation: String,
-            current_file_path: String
+            current_file_path: String,
+            is_active: Boolean
         },
         data() {
             return {
@@ -55,17 +56,20 @@
             if(this.type == "edit") {
                 this.value = TabSystem.getCurrentNavContent();
                 EventBus.on("updateFileNavigation", this.updateValue);
-                EventBus.on("setWatcherInactive", () => this.watcher_active = false);
+                EventBus.on("setWatcherInactive", () => {
+                    if(!this.is_active) return;
+                    this.watcher_active = false;
+                });
             } else {
                 this.updateAutoCompletions();
-                EventBus.on("updateAutoCompletions", () => this.updateAutoCompletions());
+                EventBus.on("updateAutoCompletions", this.updateAutoCompletions);
             }
         },
         destroyed() {
             if(this.type == "edit") {
                 EventBus.off("updateFileNavigation", this.updateValue);
             } else {
-                EventBus.off("updateAutoCompletions", () => this.updateAutoCompletions());
+                EventBus.off("updateAutoCompletions", this.updateAutoCompletions);
             }
         },
         watch: {
@@ -154,6 +158,8 @@
             },
 
             updateAutoCompletions() {
+                if(!this.is_active) return;
+                
                 if(!this.provide_auto_completions) {
                     this.items = [];
                     return;
@@ -185,6 +191,7 @@
                 TabSystem.setCurrentFileNav(`${TabSystem.getCurrentNavigation()}/${path}`);
             },
             updateValue() {
+                if(!this.is_active) return;
                 this.watcher_active = false;
                 this.value = TabSystem.getCurrentNavContent();    
             },
diff --git a/src/renderer/components/editor_shell/JsonEditor/Main.vue b/src/renderer/components/editor_shell/JsonEditor/Main.vue
index 45dc534fd..8bfafb7d2 100644
--- a/src/renderer/components/editor_shell/JsonEditor/Main.vue
+++ b/src/renderer/components/editor_shell/JsonEditor/Main.vue
@@ -19,6 +19,7 @@
                             :object_key="`${object_key}/${(e.key + '').replace(/\//g, '#;slash;#')}`"
                             :node_context="e"
                             :is_immutable="is_immutable"
+                            :is_active="is_active"
                         />
 
                         <json-editor-main 
@@ -28,6 +29,7 @@
                             :tab_id="tab_id"
                             :object_key="`${object_key}/${(e.key + '').replace(/\//g, '#;slash;#')}`"
                             :is_immutable="is_immutable"
+                            :is_active="is_active"
                         />
                     </details>
                 </draggable>
@@ -51,6 +53,7 @@
                     :tab_id="tab_id"
                     :file_navigation="file_navigation"
                     :current_file_path="current_file_path"
+                    :is_active="is_active"
                 />
                 <json-input
                     ref="edit"
@@ -59,6 +62,7 @@
                     type="edit"
                     :file_navigation="file_navigation"
                     :current_file_path="current_file_path"
+                    :is_active="is_active"
                 />
             </template>
             <template v-else>
@@ -71,6 +75,7 @@
                     :key="`${input_type}`"
                     :file_navigation="file_navigation"
                     :current_file_path="current_file_path"
+                    :is_active="is_active"
                 />
             </template>
         </v-layout>
@@ -99,6 +104,7 @@
             draggable
         },
         props: {
+            is_active: Boolean,
             available_height: Number,
             current_file_path: String,
             object: [String, Object, Number, Boolean, Array],
@@ -127,6 +133,8 @@
                     this.file_navigation = TabSystem.getCurrentNavigation();
                 });
                 EventBus.on("updateCurrentContent", (new_o=this.computed_object()) => {
+                    if(!this.is_active) return;
+
                     this.render_object = new_o;
                 });
 
@@ -170,7 +178,7 @@
             },
 
             key_selected_class() {
-                return this.is_selected(undefined, "/" + this.evaluated_key) ? "selected" : "";
+                return this.is_selected(undefined, "/" + this.evaluated_key) && this.is_active ? "selected" : "";
             },
             value_data() {
                 return this.render_object.data;
diff --git a/src/renderer/components/editor_shell/JsonEditor/ObjectKey.vue b/src/renderer/components/editor_shell/JsonEditor/ObjectKey.vue
index f5051fd7d..acc1d24db 100644
--- a/src/renderer/components/editor_shell/JsonEditor/ObjectKey.vue
+++ b/src/renderer/components/editor_shell/JsonEditor/ObjectKey.vue
@@ -125,12 +125,13 @@
             show_comment: {
                 default: true,
                 type: Boolean
-            }
+            },
+            is_active: Boolean
         },
         computed: {
             selected_class() {
                 if(this.$el && this.is_selected() && this.$store.state.Settings.auto_scroll_json) this.$el.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
-                return this.is_selected() ? "selected" : "";
+                return this.is_selected() && this.is_active ? "selected" : "";
             },
             inversed_arrows() {
                 return this.$store.state.Settings.inversed_arrows;
diff --git a/src/renderer/components/editor_shell/JsonEditor/PredictingInput.vue b/src/renderer/components/editor_shell/JsonEditor/PredictingInput.vue
index ed3f93e3b..25f79d8a6 100644
--- a/src/renderer/components/editor_shell/JsonEditor/PredictingInput.vue
+++ b/src/renderer/components/editor_shell/JsonEditor/PredictingInput.vue
@@ -44,7 +44,8 @@
             tab_id: Number,
             render_object: Object,
             file_navigation: String,
-            current_file_path: String
+            current_file_path: String,
+            is_active: Boolean
         },
         data() {
             return {
@@ -55,10 +56,10 @@
         },
         mounted() {
             this.updateAutoCompletions();
-            EventBus.on("updateAutoCompletions", () => this.updateAutoCompletions());
+            EventBus.on("updateAutoCompletions", this.updateAutoCompletions);
         },
         destroyed() {
-            EventBus.off("updateAutoCompletions", () => this.updateAutoCompletions());
+            EventBus.off("updateAutoCompletions", this.updateAutoCompletions);
         },
         watch: {
             file_navigation(nav) {
@@ -124,6 +125,7 @@
 
             updateAutoCompletions() {
                 this.mode = "object";
+                if(!this.is_active) return;
 
                 if(!this.provide_auto_completions) {
                     this.items = [];
diff --git a/src/renderer/components/editor_shell/SingleFile.vue b/src/renderer/components/editor_shell/SingleFile.vue
index 38ae973b4..0fb57e64a 100644
--- a/src/renderer/components/editor_shell/SingleFile.vue
+++ b/src/renderer/components/editor_shell/SingleFile.vue
@@ -14,6 +14,7 @@
             :uuid="use_uuid"
             :current_file_path="file.file_path"
             :is_immutable="file.is_immutable"
+            :is_active="is_active"
         />
         <span v-else>
             <codemirror
@@ -69,7 +70,8 @@
             file: Object,
             available_height: Number,
             tab_id: Number, 
-            uuid: String
+            uuid: String,
+            is_active: Boolean
         },
         created() {
             loadAllTextHighlighters();
@@ -225,24 +227,31 @@
         },
         methods: {
             setCMTextSelection(sel_obj_1, sel_obj_2) {
+                if(!this.is_active) return;
                 this.codemirror.setSelection(sel_obj_1, sel_obj_2);
             },
             setCMSelection(str) {
+                if(!this.is_active) return;
                 this.codemirror.replaceSelection(str);
             },
             getCMSelection(cb) {
+                if(!this.is_active) return;
                 cb(this.codemirror.getSelection());
             },
             cmUndo() {
+                if(!this.is_active) return;
                 this.codemirror.execCommand("undo");
             },
             cmRedo() {
+                if(!this.is_active) return;
                 this.codemirror.execCommand("redo");
             },
             cmFocus() {
+                if(!this.is_active) return;
                 this.codemirror.focus();
             },
             shouldUpdateSuggestions(event) {
+                if(!this.is_active) return;
                 TextProvider.compile(event.doc, this.file.file_path, this.codemirror.cursorCoords(true));
             },
             getEncoded(type, ext, data) {
diff --git a/src/renderer/components/editor_shell/TabContentManager.vue b/src/renderer/components/editor_shell/TabContentManager.vue
index 323e31b6f..b331fd5b5 100644
--- a/src/renderer/components/editor_shell/TabContentManager.vue
+++ b/src/renderer/components/editor_shell/TabContentManager.vue
@@ -6,6 +6,7 @@
                 :file="file" 
                 :available_height="available_height"
                 :tab_id="i"
+                :is_active="$store.state.TabSystem.split_screen_active ? split_screen : !split_screen"
                 :uuid="`(${selected_project}-${i}`"
             ></file-manager>
         </span> 
@@ -21,6 +22,12 @@
 
     export default {
         name: "editor-shell-content-manager",
+        props: {
+            split_screen: {
+                type: Boolean,
+                default: false
+            }
+        },
         components: {
             WelcomeScreen,
             FileManager
@@ -38,8 +45,8 @@
         data() {
             return {
                 available_height: window.innerHeight - 92,
-                open_files: TabSystem.filtered(),
-                selected_tab: TabSystem.selected
+                open_files: TabSystem.getCurrentProjects(this.split_screen),
+                selected_tab: TabSystem.getSelectedIndex(this.split_screen)
             };
         },
         methods: {
@@ -47,11 +54,11 @@
                 this.available_height = window.innerHeight - this.base_height;
             },
             setOpenFiles() {
-                this.open_files = TabSystem.filtered();
+                this.open_files = TabSystem.getCurrentProjects(this.split_screen);
             },
             updateSelectedTab() {
                 EventBus.trigger("bridge:closeTextCompletions");
-                this.selected_tab = TabSystem.selected;
+                this.selected_tab = TabSystem.getSelectedIndex(this.split_screen);
             }
         },
         computed: {
@@ -59,7 +66,7 @@
             //     return this.$store.getters.open_files();
             // },
             // selected_tab() {
-            //     return this.$store.state.TabSystem.selected_tab;
+            //     return this.$store.state.TabSystem.getSelectedIndex(this.split_screen)_tab;
             // },
             base_height() {
                 return 98 + 22 * this.footer_visible;
diff --git a/src/renderer/components/editor_shell/TabSystem.vue b/src/renderer/components/editor_shell/TabSystem.vue
index fab870580..ef3609919 100644
--- a/src/renderer/components/editor_shell/TabSystem.vue
+++ b/src/renderer/components/editor_shell/TabSystem.vue
@@ -6,14 +6,19 @@
         <v-tab 
             v-for="(file, i) in open_files"
             :key="`${selected_project}-${i}-${unsaved.join()}`"
-            :ripple="selected_tab !== i"
-            :class="`tab ${selected_tab === i ? 'selected' : ''}`"
-            :style="`display: inline-block; border-bottom: 2px solid var(--v-background-darken2); background: var(--v-background-darken1);`"
+            :ripple="!isSelected(i)"
+            :class="`tab ${isSelected(i) ? 'selected' : ''}`"
+            :style="`
+                ${isInactiveAndSelected(i) ? 'opacity: 1;' : ''}
+                display: inline-block;
+                border-bottom: 2px solid var(--v-background-darken2);
+                background: var(--v-background-darken1);
+            `"
             @click.native="selected_tab = i"
         >
             <v-btn
                 v-if="showDocButton(file.file_path)"
-                :disabled="selected_tab !== i"
+                :disabled="!isSelected(i)"
                 color="primary"
                 @click.stop="openDoc(file.file_path)"
                 text
@@ -23,8 +28,8 @@
                 <v-icon small>mdi-book-open-page-variant</v-icon>
             </v-btn>
             <v-icon
-                v-if="getIcon(file.file_path)"
-                :color="selected_tab === i ? 'primary' : undefined"
+                v-if="isSelected(i) && getIcon(file.file_path)"
+                :color="isSelected(i) ? 'primary' : undefined"
                 small
             >
                 {{ getIcon(file.file_path) }}
@@ -51,10 +56,16 @@ import { DOC_URL } from '../../scripts/constants';
 
 export default {
     name: "editor-shell-tab-system",
+    props: {
+        split_screen: {
+            type: Boolean,
+            default: false
+        }
+    },
     data() {
         return {
-            open_files: TabSystem.filtered(),
-            internal_selected_tab: TabSystem.selected,
+            open_files: TabSystem.getCurrentProjects(this.split_screen),
+            internal_selected_tab: TabSystem.getSelectedIndex(this.split_screen),
             unsaved: []
         };
     },
@@ -75,14 +86,18 @@ export default {
         selected_tab: {
             set(val=0) {
                 this.internal_selected_tab = val;
+                TabSystem.split_screen_active = this.split_screen;
                 TabSystem.select(val);
             },
             get() {
                 return this.internal_selected_tab;
             }
         },
+        split_screen_active() {
+            return this.$store.state.TabSystem.split_screen_active;
+        },
         render_open_files() {
-            return TabSystem.filtered();
+            return TabSystem.getCurrentProjects(this.split_screen);
         },
 
         has_tabs() {
@@ -97,13 +112,14 @@ export default {
     },
     methods: {
         closeTab(i) {
+            TabSystem.split_screen_active = this.split_screen;
             TabSystem.closeById(i);
         },
         changeSelected() {
-            this.internal_selected_tab = TabSystem.selected;
+            this.internal_selected_tab = TabSystem.getSelectedIndex(this.split_screen);
         },
         updateFiles() {
-            this.open_files = TabSystem.filtered();
+            this.open_files = TabSystem.getCurrentProjects(this.split_screen);
 
             this.unsaved = this.open_files.map(f => f.is_unsaved === undefined ? false : f.is_unsaved && !f.is_immutable);
         },
@@ -113,6 +129,12 @@ export default {
         getFileName(file_name) {
             return file_name.length > 27 && !file_name.includes(" ") ? file_name.substr(0, 27) + "\u2026" : file_name;
         },
+        isSelected(i) {
+            return this.selected_tab === i && (this.split_screen ? this.split_screen_active : !this.split_screen_active);
+        },
+        isInactiveAndSelected(i) {
+            return this.selected_tab === i && !(this.split_screen ? this.split_screen_active : !this.split_screen_active);
+        },
 
         showDocButton(file_path) {
             let file_data = (FileType.getData(file_path) || {});
diff --git a/src/renderer/components/sidebar/Main.vue b/src/renderer/components/sidebar/Main.vue
index 84df5aa84..8fff03053 100644
--- a/src/renderer/components/sidebar/Main.vue
+++ b/src/renderer/components/sidebar/Main.vue
@@ -1,23 +1,17 @@
 <template>
-    <v-flex
-        v-if="sidebar_menu_state != 0 && current_menu"
-        xs2
-        fixed
+    <v-list
+        color="expanded_sidebar"
+        :style="`border-right: 1px solid ${is_dark_mode ? 'rgba(255, 255, 255, 0.12)' : 'rgba(0, 0, 0, 0.12)'} !important;`"
+        height="100%"
     >
-        <v-list
-            color="expanded_sidebar"
-            :style="`border-right: 1px solid ${is_dark_mode ? 'rgba(255, 255, 255, 0.12)' : 'rgba(0, 0, 0, 0.12)'} !important;`"
-            height="100%"
-        >
-            <h2>{{ current_menu.title }}</h2>
-            <v-divider></v-divider>
-            
-            <sidebar-content
-                :menu_type="current_menu.menu_type" 
-                :sidebar="current_menu"
-            />
-        </v-list>
-    </v-flex>
+        <h2>{{ current_menu.title }}</h2>
+        <v-divider></v-divider>
+        
+        <sidebar-content
+            :menu_type="current_menu.menu_type" 
+            :sidebar="current_menu"
+        />
+    </v-list>
 </template>
 
 <script>
diff --git a/src/renderer/scripts/TabSystem.ts b/src/renderer/scripts/TabSystem.ts
index 95c1b6c86..b47cda899 100644
--- a/src/renderer/scripts/TabSystem.ts
+++ b/src/renderer/scripts/TabSystem.ts
@@ -34,6 +34,9 @@ export interface Tab {
     is_compiled?: boolean;
     is_invalid?: boolean;
 }
+export interface ProjectData {
+    [x: string]: Tab[];
+}
 
 /**
  * @todo Refactor TabSystem to use dedicated classes IMGTab, CMTab, JSONTab,...
@@ -41,36 +44,87 @@ export interface Tab {
  * @todo Class JsonSelection to handle selected nodes
  */
 class TabSystem {
-    private projects: { [x: string]: Tab[] };
-    private selected = 0;
+    private main_screen_projects: ProjectData;
+    private split_screen_projects: ProjectData;
+    private main_screen_selected = 0;
+    private split_screen_selected = 0;
+
     constructor() {
-        this.projects = {};
+        this.main_screen_projects = {};
+        this.split_screen_projects = {};
     }
     get project() {
         return Store.state.Explorer.project.explorer;
     }
     //Whether the user has unsaved tabs open in any project
     get contains_unsaved() {
-        for(let p in this.projects) {
-            for(let t of this.projects[p])
+        for(let p in this.main_screen_projects) {
+            for(let t of (this.main_screen_projects[p] || []))
+                if(t.is_unsaved) return true;
+        }
+
+        for(let p in this.split_screen_projects) {
+            for(let t of (this.split_screen_projects[p] || []))
                 if(t.is_unsaved) return true;
         }
+
         return false;
     }
+    get split_screen_active() {
+        return Store.state.TabSystem.split_screen_active;
+    }
+    set split_screen_active(val: boolean) {
+        Store.commit("setSplitScreenActive", val);
+    }
+    get projects() {
+        return this.split_screen_active ? this.split_screen_projects : this.main_screen_projects;
+    }
+    set projects(val) {
+        if(this.split_screen_active) this.split_screen_projects = val;
+        else this.main_screen_projects = val;
+    }
+    getProjects(split_screen?: boolean): ProjectData {
+        if(split_screen === undefined) return this.projects;
+        else if(split_screen) return this.split_screen_projects;
+        else return this.main_screen_projects;
+    }
+    getCurrentProjects(split_screen?: boolean) {
+        return this.getProjects(split_screen)[this.project] || [];
+    }
+    get selected() {
+        return this.split_screen_active ? this.split_screen_selected : this.main_screen_selected;
+    }
+    set selected(val) {
+        if(this.split_screen_active) this.split_screen_selected = val;
+        else this.main_screen_selected = val;
+    }
+    getSelectedIndex(split_screen?: boolean) {
+        if(split_screen === undefined) return this.selected;
+        else if(split_screen) return this.split_screen_selected;
+        else return this.main_screen_selected;
+    }
 
     //Adding tab
-    add(tab: any) {
-        if(this.projects[this.project] === undefined) this.projects[this.project] = [];
+    add(tab: any, split_screen?: boolean) {
+        let projects;
+        if((this.main_screen_projects[this.project] || []).length === 0) {
+            this.split_screen_active = false;
+            projects = this.getProjects(false);
+        } else {
+            projects = this.getProjects(split_screen);
+        }
 
-        for(let i = 0; i < this.projects[this.project].length; i++) {
-            if(this.projects[this.project][i].file_path === tab.file_path.replace(/\//g, "\\")) {
+        if(projects[this.project] === undefined) projects[this.project] = [];
+
+        for(let i = 0; i < projects[this.project].length; i++) {
+            if(projects[this.project][i].file_path === tab.file_path.replace(/\//g, "\\")) {
                 Store.commit("removeLoadingWindow", { id: "open-file" });
                 return this.select(i);
             } 
         }
         
         tab.file_path = tab.file_path.replace(/\//g, "\\");
-        this.projects[this.project].unshift({
+        projects[this.project].unshift({
             file_name: path.basename(tab.file_path),
             ...tab,
             uuid: `${this.project}-${uuid()}`,
@@ -79,7 +133,6 @@ class TabSystem {
             is_unsaved: false,
             history: new History()
         });
- 
         EventBus.trigger("updateTabUI");
         this.select(0);
     }
@@ -113,6 +166,17 @@ class TabSystem {
         if(id <= this.selected && this.selected >= 0) {
             this.select(this.selected === 0 ? 0 : this.selected - 1);
         }
+        
+        //Make split-screen main-screen if main-screen empty
+        if(this.main_screen_projects[this.project].length === 0) {
+            this.main_screen_projects[this.project] = this.split_screen_projects[this.project];
+            this.split_screen_projects[this.project] = [];
+            this.main_screen_selected = this.split_screen_selected;
+            this.split_screen_selected = 0;
+            this.split_screen_active = false;
+        } else if(this.split_screen_projects[this.project].length === 0) {
+            this.split_screen_active = false;
+        }
 
         EventBus.trigger("updateTabUI");
     }
@@ -210,10 +274,6 @@ class TabSystem {
 
         EventBus.trigger("updateCurrentContent");
     }
-    filtered() {
-        if(this.projects[this.project] === undefined) return [];
-        return this.projects[this.project];
-    }
     navigationBack() {
         let nav = this.getCurrentNavigation().split("/");
         nav.pop();
diff --git a/src/renderer/scripts/contextMenus/File.ts b/src/renderer/scripts/contextMenus/File.ts
index 8e8a1be53..223eb3fc8 100644
--- a/src/renderer/scripts/contextMenus/File.ts
+++ b/src/renderer/scripts/contextMenus/File.ts
@@ -21,6 +21,14 @@ import { writeJSON } from "fs-extra";
 export const FILE_CONTEXT_MENU = async (file_path: string, file: FileExplorer) => {
     const file_name = path.basename(file_path);
     const DEFAULT_MENU = [
+        {
+            title: "Open to the Side",
+            action: () => {
+                TabSystem.split_screen_active = true;
+                FileSystem.open(file_path)
+            }
+        },
+        { type: "divider" },
         {
             title: "Delete",
             action: () => {
diff --git a/src/renderer/store/modules/TabSystem.js b/src/renderer/store/modules/TabSystem.js
new file mode 100644
index 000000000..a4cf2cd77
--- /dev/null
+++ b/src/renderer/store/modules/TabSystem.js
@@ -0,0 +1,19 @@
+const state = {
+    split_screen_active: false
+}
+
+const mutations = {
+    setSplitScreenActive(state, val) {
+        state.split_screen_active = val;
+    }
+}
+
+const actions = {
+
+}
+
+export default {
+    state,
+    mutations,
+    actions
+}
\ No newline at end of file
diff --git a/src/renderer/windows/Settings.ts b/src/renderer/windows/Settings.ts
index fc77dc769..e114c4588 100644
--- a/src/renderer/windows/Settings.ts
+++ b/src/renderer/windows/Settings.ts
@@ -389,6 +389,7 @@ export default class SettingsWindow extends TabWindow {
                             this.data.disable_hardware_acceleration = !this.data.disable_hardware_acceleration;
                             this.save();
                             remote.app.relaunch();
+                            remote.app.quit();
                         }, () => {}, "Disabling/enabling hardware acceleration requires an app restart. Make sure to save your progress first!", {
                             cancel_text: "Cancel",
                             confirm_text: "Continue"