diff --git a/CHANGELOG.md b/CHANGELOG.md
index d7f6511e..574bfe87 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,10 @@
 * Fix #3145 Dropdown content is bounded by a parent card
 * Fix #3089 Sub columns of a variable columns have weird gap
 
+### Improvements
+
+* Fix #3012 Add `$media-*` variables, set to `!default`
+
 ## 0.9.1
 
 ### New features
diff --git a/sass/components/media.sass b/sass/components/media.sass
index 777755b2..cf79276f 100644
--- a/sass/components/media.sass
+++ b/sass/components/media.sass
@@ -1,26 +1,31 @@
 $media-border-color: bulmaRgba($border, 0.5) !default
-$media-spacing: 1rem
-$media-spacing-large: 1.5rem
+$media-border-size: 1px !default
+$media-spacing: 1rem !default
+$media-spacing-large: 1.5rem !default
+$media-content-spacing: 0.75rem !default
+$media-level-1-spacing: 0.75rem !default
+$media-level-1-content-spacing: 0.5rem !default
+$media-level-2-spacing: 0.5rem !default
 
 .media
   align-items: flex-start
   display: flex
   text-align: inherit
   .content:not(:last-child)
-    margin-bottom: 0.75rem
+    margin-bottom: $media-content-spacing
   .media
-    border-top: 1px solid $media-border-color
+    border-top: $media-border-size solid $media-border-color
     display: flex
-    padding-top: 0.75rem
+    padding-top: $media-level-1-spacing
     .content:not(:last-child),
     .control:not(:last-child)
-      margin-bottom: 0.5rem
+      margin-bottom: $media-level-1-content-spacing
     .media
-      padding-top: 0.5rem
+      padding-top: $media-level-2-spacing
       & + .media
-        margin-top: 0.5rem
+        margin-top: $media-level-2-spacing
   & + .media
-    border-top: 1px solid $media-border-color
+    border-top: $media-border-size solid $media-border-color
     margin-top: $media-spacing
     padding-top: $media-spacing
   // Sizes