diff --git a/source/scss/components/_listenbrainz.scss b/source/scss/components/_listenbrainz.scss
index ef09fb0..f784323 100644
--- a/source/scss/components/_listenbrainz.scss
+++ b/source/scss/components/_listenbrainz.scss
@@ -8,7 +8,7 @@
   padding: 8px;
   width: fit-content;
 
-  @media (max-width: mixins.$medium-breakpoint) {
+  @media (max-width: mixins.$breakpoint) {
     width: 100%;
   }
 
diff --git a/source/scss/components/_page-header.scss b/source/scss/components/_page-header.scss
index 779cf29..086b851 100644
--- a/source/scss/components/_page-header.scss
+++ b/source/scss/components/_page-header.scss
@@ -11,7 +11,7 @@
   flex-direction: column;
   justify-content: center;
 
-  @media (max-width: mixins.$medium-breakpoint) {
+  @media (max-width: mixins.$breakpoint) {
     height: 50vh;
 
     .subtitle {
diff --git a/source/scss/components/_page-main.scss b/source/scss/components/_page-main.scss
index e037b8f..39fe0fa 100644
--- a/source/scss/components/_page-main.scss
+++ b/source/scss/components/_page-main.scss
@@ -9,7 +9,7 @@
     padding: 64px;
     text-decoration: none;
 
-    @media (max-width: mixins.$medium-breakpoint) {
+    @media (max-width: mixins.$breakpoint) {
       height: 50vh;
     }
 
diff --git a/source/scss/mixins.scss b/source/scss/mixins.scss
index 685eb16..e69f8e9 100644
--- a/source/scss/mixins.scss
+++ b/source/scss/mixins.scss
@@ -1,12 +1,11 @@
-$medium-breakpoint: 900px;
-$large-breakpoint: 1200px;
+$breakpoint: 900px;
 
 @mixin responsive-container {
   margin-left: auto;
   margin-right: auto;
-  width: $large-breakpoint;
+  width: $breakpoint;
 
-  @media (max-width: $large-breakpoint) {
+  @media (max-width: $breakpoint) {
     width: 100%;
   }
 }