diff --git a/src/assets/styles/_helper.scss b/src/assets/styles/_helper.scss
index 2cec2f698..87ea8c855 100644
--- a/src/assets/styles/_helper.scss
+++ b/src/assets/styles/_helper.scss
@@ -1,5 +1,7 @@
 @import "_colours.scss";
 @import "_loader.scss";
+@import "_width-height.scss";
+@import "_z-index.scss";
 
 body, html {
     width: 100%;
diff --git a/src/assets/styles/_width-height.scss b/src/assets/styles/_width-height.scss
new file mode 100644
index 000000000..4ff05f2d6
--- /dev/null
+++ b/src/assets/styles/_width-height.scss
@@ -0,0 +1,4 @@
+.fit              { max-width: 100%; }
+.half-width       { width: 50% }
+.full-width       { width: 100%; }
+.full-height      { height: 100%; }
\ No newline at end of file
diff --git a/src/assets/styles/_z-index.scss b/src/assets/styles/_z-index.scss
new file mode 100644
index 000000000..e81d024bc
--- /dev/null
+++ b/src/assets/styles/_z-index.scss
@@ -0,0 +1,4 @@
+.zindex-1 { z-index: 1; }
+.zindex-2 { z-index: 2; }
+.zindex-3 { z-index: 3; }
+.zindex-4 { z-index: 4; }
\ No newline at end of file