diff --git a/src/views/desktop.ejs b/src/views/desktop.ejs
index 7f4358d4e..029f8cbce 100644
--- a/src/views/desktop.ejs
+++ b/src/views/desktop.ejs
@@ -4,9 +4,10 @@
     <meta charset="utf-8">
     <link rel="shortcut icon" href="favicon.ico">
     <meta name="mobile-web-app-capable" content="yes">
-	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover" />
+	  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+	  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover" />
     <link rel="manifest" crossorigin="use-credentials" href="manifest.webmanifest">
+    <link rel="stylesheet" href="<%= appPath %>/desktop.css">
     <title>TriliumNext Notes</title>
 </head>
 <body class="desktop heading-style-<%= headingStyle %> layout-<%= layoutOrientation %> platform-<%= platform %> <%= isElectron ? 'electron' : '' %> <%= hasNativeTitleBar ? 'native-titlebar' : '' %> <%= hasBackgroundEffects ? 'background-effects' : '' %>">
diff --git a/src/views/login.ejs b/src/views/login.ejs
index 7b56c8fa1..63d7fa252 100644
--- a/src/views/login.ejs
+++ b/src/views/login.ejs
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-light.css">
     <link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-next.css">
     <link rel="stylesheet" href="<%= assetPath %>/stylesheets/style.css">
+    <link rel="stylesheet" href="<%= appPath %>/login.css">
 </head>
 <body>
 <div class="container">
@@ -43,6 +44,7 @@
         </form>
     </div>
 </div>
+<script src="<%= appPath %>/login.js" crossorigin type="module"></script>
 
 <script>
     // Required for correct loading of scripts in Electron
diff --git a/src/views/mobile.ejs b/src/views/mobile.ejs
index b6c1f5bb6..eaa3bd563 100644
--- a/src/views/mobile.ejs
+++ b/src/views/mobile.ejs
@@ -10,6 +10,8 @@
     <title>TriliumNext Notes</title>
     <link rel="manifest" crossorigin="use-credentials" href="manifest.webmanifest">
 
+    <link rel="stylesheet" href="<%= appPath %>/mobile.css">
+
     <style>
         .lds-roller {
             display: inline-block;
diff --git a/src/views/set_password.ejs b/src/views/set_password.ejs
index d00efa646..9b958f79f 100644
--- a/src/views/set_password.ejs
+++ b/src/views/set_password.ejs
@@ -6,6 +6,7 @@
     <title><%= t("set_password.title") %></title>
     <link rel="apple-touch-icon" sizes="180x180" href="<%= assetPath %>/images/app-icons/ios/apple-touch-icon.png">
     <link rel="shortcut icon" href="favicon.ico">
+    <link rel="stylesheet" href="<%= appPath %>/set_password.css">
     <link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-light.css">
     <link rel="stylesheet" href="<%= assetPath %>/stylesheets/theme-next.css">
     <link rel="stylesheet" href="<%= assetPath %>/stylesheets/style.css">
diff --git a/src/views/setup.ejs b/src/views/setup.ejs
index 7e949aac0..5f5b2aad1 100644
--- a/src/views/setup.ejs
+++ b/src/views/setup.ejs
@@ -6,6 +6,8 @@
     <meta id="syncInProgress" content="<%= syncInProgress ? 1 : 0 %>" />
     <title><%= t("setup.title") %></title>
 
+    <link rel="stylesheet" href="<%= appPath %>/setup.css">
+
     <style>
         .lds-ring {
             display: inline-block;
