diff --git a/.gitignore b/.gitignore
index 4033cc4..f3d2f08 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@ Penpot-Desktop.dmg
 yarn.lock
 package-lock.json
 pnpm-lock.yaml
+.yarn
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index b3e3fd7..f6105e6 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/src/base/components/alerts/no-instance.html b/src/base/components/alerts/no-instance.html
index 8ca09a7..33a482a 100644
--- a/src/base/components/alerts/no-instance.html
+++ b/src/base/components/alerts/no-instance.html
@@ -1,5 +1,5 @@
 <sl-alert id="noinstance" variant="warning">
     <sl-icon slot="icon" name="exclamation-triangle"></sl-icon>
     <strong>No Instance Detected</strong><br />
-    Your instance setting is not set, please set one. <a href="#" onclick="localStorage.setItem('Instance', 'https://design.penpot.app/'); location.href = 'index.html'">Reset Setting</a>
+    Your instance setting is not set, please set one. <a href="#" onclick="localStorage.setItem('Instance', 'https://design.penpot.app/'); window.api.send('ReloadApp')">Reset Setting</a>
 </sl-alert>
\ No newline at end of file
diff --git a/src/base/components/settings.html b/src/base/components/settings.html
index e60223e..21d1564 100644
--- a/src/base/components/settings.html
+++ b/src/base/components/settings.html
@@ -4,7 +4,7 @@
             <h2>Instance</h2>
         </div>
         <div class="settings-section-content">
-            <input id="InstanceField" type="url" pattern="https?://.*" placeholder="https://design.penpot.app/" value=""/>
+            <input style="width: -webkit-fill-available;" id="InstanceField" type="url" pattern="https?://.*" placeholder="https://design.penpot.app/" value=""/>
             <input id="InstanceSaveButton" type="button" value="Save" onclick="InstanceSave()" />
         </div>
         <sl-details style="max-width: 320px;" summary="What is an instance?">A server running Penpot, is called an instance. Their can be many and you don't really need to choose one, commonly you only need to choose the offiical one that is ran by Penpot or to self-host your own.</sl-details>
diff --git a/src/base/components/tabs.html b/src/base/components/tabs.html
index a9bbb24..0d518e0 100644
--- a/src/base/components/tabs.html
+++ b/src/base/components/tabs.html
@@ -2,11 +2,11 @@
     <style>
         :host {
             --tabgroup-background: transparent !important;
-            --tab-background: #1f1f1f !important;
+            --tab-background: transparent !important;
             --tab-color: #ffffff !important;
             --tab-border-color: transparent !important;
-            --tab-active-background: #303236 !important;
-            --tag-hover-background: #3d3d3d !important;
+            --tab-active-background: #34393c !important;
+            --tag-hover-background: #34393c !important;
             --button-font-size: 15px !important;
             --button-background: none !important;
             --button-color: #696a6c !important;
diff --git a/src/base/components/titlebar.html b/src/base/components/titlebar.html
index 7977c06..bd713df 100644
--- a/src/base/components/titlebar.html
+++ b/src/base/components/titlebar.html
@@ -5,7 +5,7 @@
     </sl-tooltip>
 
     <!-- Titlebar Buttons -->
-    <button><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000" style="--darkreader-inline-color: #e8e6e3;" data-darkreader-inline-color=""><path d="M6 12H18" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #000000;" data-darkreader-inline-stroke=""></path></svg></button>
-    <button><?xml version="1.0" encoding="UTF-8"?><svg style="width: 12px;" width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
-    <button><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000" style="--darkreader-inline-color: #e8e6e3;" data-darkreader-inline-color=""><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #000000;" data-darkreader-inline-stroke=""></path></svg></button>
+    <button class="linux-titlebar" onclick="window.api.send('MinimizeWindow')"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000" style="--darkreader-inline-color: #e8e6e3;" data-darkreader-inline-color=""><path d="M6 12H18" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #000000;" data-darkreader-inline-stroke=""></path></svg></button>
+    <button class="linux-titlebar" onclick="window.api.send('MaximizeWindow')"><?xml version="1.0" encoding="UTF-8"?><svg style="width: 12px;" width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
+    <button class="linux-titlebar" onclick="window.close()"><?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000" style="--darkreader-inline-color: #e8e6e3;" data-darkreader-inline-color=""><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #000000;" data-darkreader-inline-stroke=""></path></svg></button>
 </div>
\ No newline at end of file
diff --git a/src/base/styles/index.css b/src/base/styles/index.css
index 1ddc453..0b0e662 100644
--- a/src/base/styles/index.css
+++ b/src/base/styles/index.css
@@ -1 +1 @@
-body{background:#1d1f20}.titlebar{position:fixed;top:0px;right:0px;width:max-content;text-align:right;margin:4px 4px 0px 0px;cursor:default;z-index:5;app-region:no-drag}.titlebar button{width:32px;height:32px;font-size:0px;border:none;border-radius:6px;background:rgba(0,0,0,0)}.titlebar button:hover{background:#303236}.titlebar button svg{width:16px;height:16px;filter:invert(1)}sl-include.alert-modal{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%);width:max-content}drag{position:fixed;top:0px;left:0px;width:100%;height:50px;app-region:drag;z-index:1}.dropdown-modal{position:fixed;top:40px;right:0px;z-index:50;display:none;flex-direction:column;background:#242428;border-radius:6px;border:1px #36363b solid;margin:6px;min-width:250px;transition:1s all}.dropdown-modal div:nth-child(1)>div.settings-section-header{border-radius:4px 4px 0px 0px}.dropdown-modal .settings-section-header{background:#303236;padding:6px 0px 6px 16px;font-size:12px}.dropdown-modal .settings-section-header h2{margin:0px}.dropdown-modal .settings-section-content{display:flex;margin:12px}.dropdown-modal .settings-section-content input{padding:6px 12px;border-radius:4px;border:1px #656565 solid;margin-right:6px}.dropdown-modal .settings-section-content input#InstanceSaveButton{background:#575151;color:#fff;border:none;border-radius:4px;padding:0px 12px}
+body{background:#1d1f20;font-family:arial}.titlebar{position:fixed;top:0px;right:0px;width:max-content;text-align:right;margin:4px 4px 0px 0px;cursor:default;z-index:5;app-region:no-drag}.titlebar .linux-titlebar{display:none}.titlebar button{width:32px;height:32px;font-size:0px;border:none;border-radius:6px;background:rgba(0,0,0,0)}.titlebar button:hover{background:#303236}.titlebar button svg{width:16px;height:16px;filter:invert(1)}sl-include.alert-modal{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%);width:max-content}drag{position:fixed;top:0px;left:0px;width:100%;height:50px;app-region:drag;z-index:1}.dropdown-modal{position:fixed;top:40px;right:0px;z-index:50;display:none;flex-direction:column;background:#242428;border-radius:6px;border:1px #36363b solid;margin:6px;min-width:250px;width:300px;transition:1s all}.dropdown-modal div:nth-child(1)>div.settings-section-header{border-radius:4px 4px 0px 0px}.dropdown-modal .settings-section-header{background:#303236;padding:6px 0px 6px 16px;font-size:12px}.dropdown-modal .settings-section-header h2{margin:0px}.dropdown-modal .settings-section-content{display:flex;margin:12px}.dropdown-modal .settings-section-content input{padding:6px 12px;border-radius:4px;border:1px #656565 solid;margin-right:6px}.dropdown-modal .settings-section-content input#InstanceSaveButton{background:#575151;color:#fff;border:none;border-radius:4px;padding:0px 12px}
diff --git a/src/base/styles/index.scss b/src/base/styles/index.scss
index 56b6b37..14358de 100644
--- a/src/base/styles/index.scss
+++ b/src/base/styles/index.scss
@@ -1,5 +1,6 @@
 body {
     background: #1d1f20;
+    font-family: arial;
 }
 
 .titlebar {
@@ -12,6 +13,9 @@ body {
     cursor: default;
     z-index: 5;
     app-region: no-drag;
+    .linux-titlebar {
+        display: none;
+    }
     button {
         width: 32px;
         height: 32px;
@@ -61,6 +65,7 @@ drag {
     border: 1px hsl(240 4.6% 22%) solid;
     margin: 6px;
     min-width: 250px;
+    width: 300px;
     transition: 1s all;
     div:nth-child(1) > div.settings-section-header {
         border-radius: 4px 4px 0px 0px;
diff --git a/src/process/menu.js b/src/process/menu.js
new file mode 100644
index 0000000..2b531b2
--- /dev/null
+++ b/src/process/menu.js
@@ -0,0 +1,169 @@
+const {app, Menu} = require('electron')
+let Platform = require('./platform')
+
+module.exports = {
+    MainMenu: function () {
+        const template = [
+            ...(process.platform === 'darwin' ? [{
+            label: app.name,
+            submenu: [
+                { role: 'about' },
+                { type: 'separator' },
+                { role: 'services' },
+                { type: 'separator' },
+                { role: 'hide' },
+                { role: 'hideOthers' },
+                { role: 'unhide' },
+                { type: 'separator' },
+                { role: 'quit' }
+            ]
+            }] : []),
+            {
+            label: 'File',
+            submenu: [
+                {
+                    label: "New Tab",
+                    accelerator: "CmdOrCtrl+T",
+                    click: () => {
+                        mainWindow.webContents.executeJavaScript(`document.querySelector("tab-group").shadowRoot.querySelector("div > nav > div.buttons > button").click()`)
+                    }
+                },
+                {
+                    label: "Close Tab",
+                    accelerator: "CmdOrCtrl+W",
+                    click: () => {
+                        mainWindow.webContents.executeJavaScript(`document.querySelector("tab-group").shadowRoot.querySelector("div > nav > div.tabs > div.tab.visible.active > span.tab-close > button").click()`)
+                    }
+                }
+            ]
+            },
+            {
+            label: 'Edit',
+            submenu: [
+                { role: 'undo' },
+                { role: 'redo' },
+                { type: 'separator' },
+                { role: 'cut' },
+                { role: 'copy' },
+                { role: 'paste' },
+                ...(process.platform === 'darwin' ? [
+                { role: 'pasteAndMatchStyle' },
+                { role: 'delete' },
+                { role: 'selectAll' },
+                { type: 'separator' },
+                {
+                    label: 'Speech',
+                    submenu: [
+                    { role: 'startSpeaking' },
+                    { role: 'stopSpeaking' }
+                    ]
+                }
+                ] : [
+                { role: 'delete' },
+                { type: 'separator' },
+                { role: 'selectAll' }
+                ])
+            ]
+            },
+            {
+            label: 'View',
+            submenu: [
+                {
+                label: 'Reload Tab',
+                accelerator: 'CmdOrCtrl+R',
+                click: async () => {
+                    mainWindow.webContents.executeJavaScript(`document.querySelector("tab-group").shadowRoot.querySelector("webview.visible").reload()`)
+                    setTimeout(() => {Platform.CSS()}, 1000)
+                }
+                },
+                {
+                label: 'Reload Window',
+                accelerator: 'CmdOrCtrl+Shift+R',
+                click: async () => {
+                    mainWindow.reload()
+                    setTimeout(() => {Platform.CSS()}, 1000)
+                }
+                },
+                { role: 'toggleDevTools' },
+                {
+                label: 'Open Tab Developer Tools',
+                accelerator: 'CmdOrCtrl+Shift+D',
+                click: () => {
+                    mainWindow.webContents.executeJavaScript(`document.querySelector("body > tab-group").shadowRoot.querySelector("div > div > webview.visible").openDevTools()`)
+                }},
+                { type: 'separator' },
+                { role: 'resetZoom' },
+                { role: 'zoomIn' },
+                { role: 'zoomOut' },
+                { type: 'separator' },
+                { role: 'togglefullscreen' }
+            ]
+            },
+            {
+            label: 'Window',
+            submenu: [
+                { role: 'minimize' },
+                { role: 'zoom' },
+                ...(process.platform === 'darwin' ? [
+                { type: 'separator' },
+                { role: 'front' },
+                { type: 'separator' },
+                {
+                    role: 'close',
+                    accelerator: "CmdOrCtrl+Shift+W"
+                }
+                ] : [
+                {
+                    role: 'close',
+                    accelerator: "CmdOrCtrl+Shift+W"
+                }
+                ])
+            ]
+            },
+            {
+            role: 'help',
+            submenu: [
+                {
+                    label: 'User Guide',
+                    click: async () => {
+                        const { shell } = require('electron')
+                        await shell.openExternal('https://help.penpot.app/user-guide/')
+                    }
+                },
+                {
+                    label: 'FAQ',
+                    click: async () => {
+                        const { shell } = require('electron')
+                        await shell.openExternal('https://help.penpot.app/faqs')
+                    }
+                },
+                {
+                    label: 'Learn to Self-host',
+                    click: async () => {
+                        const { shell } = require('electron')
+                        await shell.openExternal('https://penpot.app/self-host')
+                    }
+                },
+                {
+                    label: 'Penpot Community',
+                    click: async () => {
+                        const { shell } = require('electron')
+                        await shell.openExternal('https://community.penpot.app/')
+                    }
+                },
+                { type: 'separator'},
+                {
+                    label: 'Source Code',
+                    click: async () => {
+                        const { shell } = require('electron')
+                        await shell.openExternal('https://sudovanilla.com/code/Korbs/Penpot-Desktop/-/tree/main')
+                    }
+                }
+            ]
+            }
+        ]
+
+        const menu = Menu.buildFromTemplate(template)
+        Menu.setApplicationMenu(menu)
+    }
+}
\ No newline at end of file
diff --git a/src/process/platform.js b/src/process/platform.js
new file mode 100644
index 0000000..d39cd60
--- /dev/null
+++ b/src/process/platform.js
@@ -0,0 +1,12 @@
+const {app} = require('electron')
+
+module.exports = {
+    CSS: function () {
+        if (process.platform === 'darwin') {
+            setTimeout(() => {
+                mainWindow.webContents.executeJavaScript(`document.querySelector("body").style.backgroundColor = 'transparent'`)
+                mainWindow.webContents.executeJavaScript(`document.querySelector("tab-group").shadowRoot.querySelector("nav").style.left = '80px'`)
+            }, 1500);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/process/preload.js b/src/process/preload.js
new file mode 100644
index 0000000..a7fba13
--- /dev/null
+++ b/src/process/preload.js
@@ -0,0 +1,14 @@
+const { contextBridge, ipcRenderer} = require("electron")
+const path = require('path')
+
+contextBridge.exposeInMainWorld( "api", { send: (channel, data) => {let validChannels = [
+  "updateApp",
+  "ReloadApp",
+  "MaximizeWindow",
+  "UnmaximizeWindow",
+  "MinimizeWindow"
+]
+if (validChannels.includes(channel)) {ipcRenderer.send(channel, data)}}})
+
+delete process.env.ELECTRON_ENABLE_SECURITY_WARNINGS
+process.env.ELECTRON_DISABLE_SECURITY_WARNINGS = true
\ No newline at end of file
diff --git a/src/process/window.js b/src/process/window.js
index edb9ecd..be549c8 100644
--- a/src/process/window.js
+++ b/src/process/window.js
@@ -2,6 +2,9 @@ const {app, BrowserWindow, ipcMain, ipcRenderer} = require('electron')
 const windowStateKeeper = require('electron-window-state')
 const path = require('path')
 
+const Menu = require('./menu')
+const Platform = require('./platform')
+
 module.exports = {
   create: function () {
     let mainWindowState = windowStateKeeper({defaultWidth: 1400,defaultHeight: 900})
@@ -16,10 +19,10 @@ module.exports = {
       // Theme
       darkTheme: true,
       transparent: global.transparent,
-      vibrancy: "sidebar",
+      vibrancy: "header",
       // Titlebar
       titleBarStyle: 'hidden',
-      trafficLightPosition: { x: 10, y: 12 }, // for macOS
+      trafficLightPosition: { x: 16, y: 12 }, // for macOS
       titleBarOverlay: { // For Windows
         color: '#1f1f1f',
         symbolColor: 'white',
@@ -30,14 +33,28 @@ module.exports = {
       frame: false,
       icon: global.AppIcon,
       webPreferences: {
-        // preload: path.join(app.getAppPath(), '/src/process/preload.js'),
+        preload: path.join(app.getAppPath(), 'src/process/preload.js'),
         sandbox: false, // App doens't load properly if enabled
         webviewTag: true
       }
     })
     mainWindow.loadFile('src/base/index.html')
 
+    // IPC Functions
+    ipcMain.on('ReloadApp', () => {mainWindow.reload(); Platform.CSS()})
+    ipcMain.on('MaximizeWindow', () => {mainWindow.maximize()})
+    ipcMain.on('UnmaximizeWindow', () => {mainWindow.restore()})
+    ipcMain.on('MinimizeWindow', () => {mainWindow.minimize()})
+
+    // Move Tabs when entering or existing fullscreen on macOS
+    if (process.platform === 'darwin') {
+      mainWindow.on('enter-full-screen', (e, cmd) => {mainWindow.webContents.executeJavaScript(`document.querySelector("tab-group").shadowRoot.querySelector("nav").style.left = '0px'`)})
+      mainWindow.on('leave-full-screen', (e, cmd) => {mainWindow.webContents.executeJavaScript(`document.querySelector("tab-group").shadowRoot.querySelector("nav").style.left = '80px'`)})
+    }
+
     // Other Functions
     mainWindowState.manage(mainWindow)
+    Menu.MainMenu()
+    Platform.CSS()
   }
 }
\ No newline at end of file