diff --git a/frontend/src/lib/pages/SignInAccounts.svelte b/frontend/src/lib/pages/SignInAccounts.svelte
index db69cec5b39..93c41b15889 100644
--- a/frontend/src/lib/pages/SignInAccounts.svelte
+++ b/frontend/src/lib/pages/SignInAccounts.svelte
@@ -5,7 +5,7 @@
   // TODO(GIX-1071): this static pre-rendering component should be improved with some more information and shiny design
 </script>
 
-<main>
+<main class="sign-in">
   <h1>{$i18n.auth_accounts.title}</h1>
 
   <p>
@@ -14,18 +14,3 @@
 
   <SignIn />
 </main>
-
-<style lang="scss">
-  main {
-    display: flex;
-    flex-direction: column;
-  }
-
-  h1 {
-    line-height: var(--line-height-standard);
-  }
-
-  p {
-    margin-bottom: var(--padding-3x);
-  }
-</style>
diff --git a/frontend/src/lib/pages/SignInCanisters.svelte b/frontend/src/lib/pages/SignInCanisters.svelte
index 08325141fdc..0da4c9bbbff 100644
--- a/frontend/src/lib/pages/SignInCanisters.svelte
+++ b/frontend/src/lib/pages/SignInCanisters.svelte
@@ -5,7 +5,7 @@
   // TODO(GIX-1071): this static pre-rendering component should be improved with some more information and shiny design
 </script>
 
-<main>
+<main class="sign-in">
   <h1>{$i18n.auth_canisters.title}</h1>
 
   <p>
@@ -14,18 +14,3 @@
 
   <SignIn />
 </main>
-
-<style lang="scss">
-  main {
-    display: flex;
-    flex-direction: column;
-  }
-
-  h1 {
-    line-height: var(--line-height-standard);
-  }
-
-  p {
-    margin-bottom: var(--padding-3x);
-  }
-</style>
diff --git a/frontend/src/lib/pages/SignInNeurons.svelte b/frontend/src/lib/pages/SignInNeurons.svelte
index 1e047f71125..04468252230 100644
--- a/frontend/src/lib/pages/SignInNeurons.svelte
+++ b/frontend/src/lib/pages/SignInNeurons.svelte
@@ -5,7 +5,7 @@
   // TODO(GIX-1071): this static pre-rendering component should be improved with some more information and shiny design
 </script>
 
-<main>
+<main class="sign-in">
   <h1>{$i18n.auth_neurons.title}</h1>
 
   <p>
@@ -14,18 +14,3 @@
 
   <SignIn />
 </main>
-
-<style lang="scss">
-  main {
-    display: flex;
-    flex-direction: column;
-  }
-
-  h1 {
-    line-height: var(--line-height-standard);
-  }
-
-  p {
-    margin-bottom: var(--padding-3x);
-  }
-</style>
diff --git a/frontend/src/lib/themes/global.scss b/frontend/src/lib/themes/global.scss
new file mode 100644
index 00000000000..15609f3b3b5
--- /dev/null
+++ b/frontend/src/lib/themes/global.scss
@@ -0,0 +1,12 @@
+main.sign-in {
+  display: flex;
+  flex-direction: column;
+
+  h1 {
+    line-height: var(--line-height-standard);
+  }
+
+  p {
+    margin-bottom: var(--padding-3x);
+  }
+}
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 520659a33f6..32800296055 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -50,5 +50,6 @@
 <style lang="scss" global>
   @import "@dfinity/gix-components/styles/global.scss";
   @import "../lib/themes/legacy";
+  @import "../lib/themes/global";
   @import "../lib/themes/variables";
 </style>