diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2ed14379c..4ca0f5d0c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Bulma Changelog
 
+## Upcoming Release
+
+### Improvements
+
+- Add `$navbar-breakpoint` as a CSS variable
+
 ## 1.0.3
 
 ### Bug Fixes
diff --git a/sass/components/navbar.scss b/sass/components/navbar.scss
index 21414fc31..cbfced5d5 100644
--- a/sass/components/navbar.scss
+++ b/sass/components/navbar.scss
@@ -90,7 +90,7 @@ $navbar-divider-height: 0.125em !default;
 
 $navbar-bottom-box-shadow-size: 0 -0.125em 0 0 !default;
 
-$navbar-breakpoint: iv.$desktop !default;
+$navbar-breakpoint: cv.getVar("navbar-breakpoint") !default;
 
 $navbar-colors: dv.$colors !default;
 
diff --git a/sass/utilities/derived-variables.scss b/sass/utilities/derived-variables.scss
index 6f1440d78..849b2ab51 100644
--- a/sass/utilities/derived-variables.scss
+++ b/sass/utilities/derived-variables.scss
@@ -1,6 +1,8 @@
 @use "initial-variables" as iv;
 @use "functions" as fn;
 
+$navbar-breakpoint: iv.$desktop !default;
+
 // Scheme colors
 
 $scheme-main: iv.$white !default;