diff --git a/src/components/Logos/NimbusLogo.tsx b/src/components/Logos/NimbusLogo.tsx
index 66ccaf23..d9774a4a 100644
--- a/src/components/Logos/NimbusLogo.tsx
+++ b/src/components/Logos/NimbusLogo.tsx
@@ -10,8 +10,8 @@ const NimbusLogo = () => {
       style={{
         alignItems: 'center',
         justifyContent: 'flex-start',
-        marginTop: '4.4rem',
       }}
+      className="nimbus-logo"
       space={'$3'}
     >
       <NimbusLogoMark />
diff --git a/src/index.css b/src/index.css
index 507f630a..b1baffdb 100644
--- a/src/index.css
+++ b/src/index.css
@@ -119,6 +119,10 @@ ul li {
   background: transparent;
 }
 
+.nimbus-logo {
+  margin-top: 4.4rem;
+}
+
 @media (prefers-color-scheme: light) {
   :root {
     color: #09101c;
@@ -144,3 +148,9 @@ ul li {
     display: none;
   }
 }
+
+@media (max-width: 1000px) {
+  .nimbus-logo {
+    margin-top: 0;
+  }
+}