diff --git a/apps/web/components/Login.module.scss b/apps/web/components/Login.module.scss
index 592ce35..4d02ecc 100644
--- a/apps/web/components/Login.module.scss
+++ b/apps/web/components/Login.module.scss
@@ -22,12 +22,6 @@ $layout-breakpoint-desktop: 1680px;
   width: 100%;
   padding: 25px 10px;
   margin-bottom: 0;
-
-  img {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-  }
 }
 
 @media screen and (min-width: $layout-breakpoint-desktop) {
diff --git a/apps/web/elements/Logo.jsx b/apps/web/elements/Logo.jsx
index 2526ac0..9784ac1 100644
--- a/apps/web/elements/Logo.jsx
+++ b/apps/web/elements/Logo.jsx
@@ -2,5 +2,5 @@ import Image from 'next/image';
 import logo from 'public/assets/images/logo-primary.svg';
 
 export function Logo() {
-  return <Image src={logo} alt="logo" width={154} />;
+  return <Image className="logo" src={logo} alt="logo" width={154} />;
 }
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index b1b5014..98a989b 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -4,3 +4,4 @@
 @import './error.css';
 @import './colors.css';
 @import './info.css';
+@import './logo.css';
diff --git a/apps/web/styles/logo.css b/apps/web/styles/logo.css
new file mode 100644
index 0000000..c5fa345
--- /dev/null
+++ b/apps/web/styles/logo.css
@@ -0,0 +1,5 @@
+.logo {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}