diff --git a/UltiSnips/css.snippets b/UltiSnips/css.snippets
index def4d21..8307065 100644
--- a/UltiSnips/css.snippets
+++ b/UltiSnips/css.snippets
@@ -3,7 +3,7 @@ snippet sld "/* stylelint-disable-next-line ... */"
 endsnippet
 
 snippet @m "@media ..."
-@media (${1:min}-${2:width}: ${3:$bp-s}) {
+@media (${1:min}-${2:width}: ${3:$bp-${4:s}}) {
 	$0
 }
 endsnippet
@@ -39,19 +39,19 @@ snippet h "height: ;"
 height: ${1:100%};
 endsnippet
 
-snippet maxw "max-width: ;"
+snippet mxw "max-width: ;"
 max-width: ${1:100%};
 endsnippet
 
-snippet maxh "max-height: ;"
+snippet mxh "max-height: ;"
 max-height: ${1:100%};
 endsnippet
 
-snippet minw "min-width: ;"
+snippet mnw "min-width: ;"
 min-width: ${1:100%};
 endsnippet
 
-snippet minh "min-height: ;"
+snippet mnh "min-height: ;"
 min-height: ${1:100%};
 endsnippet
 
diff --git a/init.vim b/init.vim
index 943d660..6e8d193 100644
--- a/init.vim
+++ b/init.vim
@@ -416,17 +416,17 @@ iabbrev positin position
 
 "}}}
 " css{{{
-iabbrev pabs; position: absolute;
-iabbrev pfix; position: fixed;
-iabbrev prel; position: relative;
-iabbrev fdr; flex-direction: row;
-iabbrev fdc; flex-direction: column;
-iabbrev jcc; justify-content: center;
-iabbrev aic; align-items: center;
-iabbrev t0; top: 0;
-iabbrev b0; bottom: 0;
-iabbrev l0; left: 0;
-iabbrev r0; right: 0;
+" TODO move these into autocommand to just load in css, scss, jsx, files
+iabbrev pabs position: absolute;
+iabbrev pfix position: fixed;
+iabbrev prel position: relative;
+iabbrev fdr flex-direction: row;
+iabbrev fdc flex-direction: column;
+iabbrev jcc justify-content: center;
+iabbrev aic align-items: center;
+iabbrev ovh overflow: hidden;
+iabbrev ovv overflow: visible;
+iabbrev ova overflow: auto;
 
 iabbrev ct'' content-type: '';