diff --git a/docs/sw.js b/docs/sw.js
index 154997a..f64798e 100644
--- a/docs/sw.js
+++ b/docs/sw.js
@@ -53,7 +53,7 @@ workboxSW.precache([
   },
   {
     "url": "docs/quickstart/events.md",
-    "revision": "7a9670d76c8db32b28848e5e834bf373"
+    "revision": "cae7d2b67406aa0e19c0e0ccf511f4e9"
   },
   {
     "url": "docs/quickstart/getting-started.md",
@@ -69,7 +69,7 @@ workboxSW.precache([
   },
   {
     "url": "docs/quickstart/state-lifecycle.md",
-    "revision": "5a63395fa29f8fcedb5cabdeec709a92"
+    "revision": "afa963a436186e53533b61e1254a435b"
   },
   {
     "url": "docs/quickstart/twig.md",
@@ -117,11 +117,11 @@ workboxSW.precache([
   },
   {
     "url": "docs/twig/attributes.md",
-    "revision": "9024fbd5ec415e16ec51802031fc4f95"
+    "revision": "f72b5035640b358b7e644d8ffa483cad"
   },
   {
     "url": "docs/twig/classes.md",
-    "revision": "7132261d23cb70da974e068fc6030a35"
+    "revision": "dca43d94674b04ea29c85eb3369b3d5a"
   },
   {
     "url": "docs/twig/key.md",
diff --git a/src/style/components/oocss.scss b/src/style/components/oocss.scss
index 9d203bb..ff5a4e0 100644
--- a/src/style/components/oocss.scss
+++ b/src/style/components/oocss.scss
@@ -1,106 +1,107 @@
 .btn {
-    font-family: 'Quicksand', Arial, sans-serif;
-    border-radius: 2px;
-    font-size: 14px;
-    font-weight: bold;
-    display: flex;
-    flex-wrap: wrap;
-    cursor: pointer;
+  font-family: "Quicksand", Arial, sans-serif;
+  border-radius: 2px;
+  font-size: 14px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  cursor: pointer;
 
-    &--primary {
-        background-color: $green;
-        color: $purple;
-        border: 0;
-        padding: 8px 12px;
-        text-decoration: none;
+  &--primary {
+    background-color: $green;
+    color: $purple;
+    border: 0;
+    padding: 8px 12px;
+    text-decoration: none;
 
-        &:hover {
-            background-color: $dark-green;
-            text-decoration: none;
-        }
+    &:hover {
+      background-color: $dark-green;
+      text-decoration: none;
     }
-    &--secondary {
-        padding: 14px 12px;
-        background-color: transparent;
-        color: $green;
-        border: 1px solid $green;
-        margin-left: 24px;
-        text-decoration: none;
+  }
+  &--secondary {
+    padding: 14px 12px;
+    background-color: transparent;
+    color: $green;
+    border: 1px solid $green;
+    margin-left: 24px;
+    text-decoration: none;
 
-        &:hover {
-            background-color: $green;
-            color: $purple;
-            text-decoration: none;
-        }
+    &:hover {
+      background-color: $green;
+      color: $purple;
+      text-decoration: none;
     }
+  }
 }
 
 .input {
-    display: inline-block;
-    width: auto;
-    padding: 0 12px;
-    text-align: left;
-    font-size: 14px;
-    height: 32px;
-    border: 1px solid $purple;
-    color: $juri;
+  display: inline-block;
+  width: auto;
+  padding: 0 12px;
+  text-align: left;
+  font-size: 14px;
+  height: 32px;
+  border: 1px solid $purple;
+  color: $juri;
 }
 
 .highlight {
-    color: $green;
-    text-decoration: none;
+  color: $green;
+  text-decoration: none;
 }
 
 .heading {
-    font-size: 24px;
-    line-height: 1.25;
-    width: 100%;
-    margin: 0;
+  font-size: 24px;
+  line-height: 1.25;
+  width: 100%;
+  margin: 0;
 
-    @include respond-to-min($desktop) {
-        font-size: 32px;
-    }
+  @include respond-to-min($desktop) {
+    font-size: 32px;
+  }
 }
 
 .bg {
-    &--purple {
-        background-color: $purple;
-        border-top: 5px solid $dark-blue;
-        border-bottom: 5px solid $dark-blue;
-        padding: 32px 0;
-        color: $white;
+  &--purple {
+    background-color: $purple;
+    border-top: 5px solid $dark-blue;
+    border-bottom: 5px solid $dark-blue;
+    padding: 32px 0;
+    color: $white;
 
-        @include respond-to-min($desktop) {
-            padding: 48px 0;
-        }
+    @include respond-to-min($desktop) {
+      padding: 48px 0;
+    }
 
-        &:first-of-type {
-            padding: 0;
-            border-top: 0;
-        }
+    &:first-of-type {
+      padding: 0;
+      border-top: 0;
+    }
 
-        &:last-of-type {
-            border-bottom: 0;
-        }
+    &:last-of-type {
+      border-bottom: 0;
     }
-    &--white {
-        padding: 32px 0;
-        background-color: $white;
+  }
+  &--white {
+    padding: 32px 0;
+    background-color: $white;
 
-        @include respond-to-min($desktop) {
-            padding: 48px 0;
-        }
+    @include respond-to-min($desktop) {
+      padding: 48px 0;
+    }
 
-        &-action {
-            padding: 32px;
+    &-action {
+      padding: 32px;
 
-            @include respond-to-min($desktop) {
-                padding: 48px 32px;
-            }
-        }
+      @include respond-to-min($desktop) {
+        padding: 48px 32px;
+      }
     }
+  }
 }
 
 .hidden {
-    display: none;
-}
\ No newline at end of file
+  display: none;
+}