diff --git a/src/scss/styles-bootstrap.scss b/src/scss/styles-bootstrap.scss
index 9cc2819..fb055f8 100644
--- a/src/scss/styles-bootstrap.scss
+++ b/src/scss/styles-bootstrap.scss
@@ -61,4 +61,9 @@ $border-radius-sm: 0.5rem;
   margin-left: 10px !important;
 }
 
+.modal-content.media-pantalla {
+  margin-top: auto !important;
+  margin-bottom: 50px !important;
+}
+
 @import "node_modules/bootstrap/scss/bootstrap";
diff --git a/src/styles.scss b/src/styles.scss
index 12919ef..cca9cc5 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -22,6 +22,13 @@ body {
   user-select: none;
 }
 
+body.media-pantalla {
+  height: 50% !important;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
 .btn-effect {
   transition: all 0.3s !important;
   &:hover {
@@ -77,15 +84,3 @@ p {
 .disabled {
   opacity: 0.5;
 }
-
-body.media-pantalla {
-  height: 50% !important;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-}
-
-.modal-content.media-pantalla {
-  margin-top: auto !important;
-  margin-bottom: 50px !important;
-}