diff --git a/dev/scss/base.scss b/dev/scss/base.scss
index 1ba3213..d5a1eac 100644
--- a/dev/scss/base.scss
+++ b/dev/scss/base.scss
@@ -15,7 +15,13 @@
   @include box-sizing-box;
 }
 
+html {
+  height: 100%;
+}
+
 body {
+  position: relative;
+  min-height: 100%;
   font-size: 12pt;
 }
 
@@ -32,13 +38,13 @@
   &:link {
     color: $dark-orange;
     text-decoration: none;
-  }
-  &:link:hover:hover {
-    color: $light-green; // $darkest-orange;
-    @include color-transition;
-  }
-  &:active, &:visited {
-    color: $darkest-orange;
+    &:hover {
+      color: $light-green; // $darkest-orange;
+      @include color-transition;
+    }
+    &:active, &:visited {
+      color: $darkest-orange;
+    }
   }
 }
 
diff --git a/dev/scss/header.scss b/dev/scss/header.scss
index 4189b6a..f2d1279 100644
--- a/dev/scss/header.scss
+++ b/dev/scss/header.scss
@@ -4,6 +4,7 @@
 header {
   position: relative;
   background-color: $light-green;
+  @include light-noise;
 //  background-color: $ids-grey-1;
   @include box-sizing-box();
   padding: 8px;
diff --git a/dev/scss/kalamar.scss b/dev/scss/kalamar.scss
index f09f0f0..677a58a 100644
--- a/dev/scss/kalamar.scss
+++ b/dev/scss/kalamar.scss
@@ -6,6 +6,7 @@
 @import "base";       // Base styles
 @import "logos";      // Logo images
 @import "header";     // Top
+@import "footer";     // Bottom
 @import "searchbar";  // The search bar
 @import "menu";       // Menu list
 @import "hint";       // Hint specific menu list
diff --git a/dev/scss/kwic.scss b/dev/scss/kwic.scss
index 8108f98..a58c23e 100644
--- a/dev/scss/kwic.scss
+++ b/dev/scss/kwic.scss
@@ -80,13 +80,28 @@
       white-space: wrap;
       height: auto;
       border-width: 2px;
-      background-color: $light-orange;
+      background-color: $dark-orange;
+      @include light-noise;
       position: relative;
       > div {
 	min-height: 42pt;
 	> div.snippet {
-	  margin: 5pt 10pt;
-	  margin-right: 3em;
+	  background-color: $light-orange;
+	  > * {
+	    background-color: transparent;
+	  }
+	  padding: {
+	    top: 0;
+	    right: 0;
+	    bottom: 5pt;
+	    left: 5pt;
+	  };
+	  margin: {
+	    top: 0;
+	    right: $right-match-distance; // 3em;
+	    bottom: 0;
+	    left: 0; // 5pt margin-top
+	  }
 	  > span {
             line-height: 1.4em;
             width: auto;
@@ -119,7 +134,7 @@
       }
       &.active p.ref,
       &:target p.ref {
-	background-color: $dark-orange;
+//	background-color: $dark-orange;
 	color: white;
 	padding: 3pt 10pt;
 	padding-right: $right-match-distance;
@@ -133,7 +148,7 @@
 }
 
 ul.action {
-  background-color: $dark-orange;
+//  background-color: $dark-orange;
   font-size: 12pt;
   color: white;
   text: {
diff --git a/dev/scss/matchinfo.scss b/dev/scss/matchinfo.scss
index 0bcb50d..937a022 100644
--- a/dev/scss/matchinfo.scss
+++ b/dev/scss/matchinfo.scss
@@ -20,7 +20,7 @@
  */
 @mixin matchinfo-head {
   border-width: 0px;
-  border-top: $border-size solid #ff8000;
+  border-top: $border-size solid $darker-orange; // #ff8000;
   width: $left-width / 2;
 }
 
@@ -28,7 +28,7 @@
   position: relative;
   width: 100%;
   padding-top: $border-size;
-  background-color: $dark-orange;
+//  background-color: $dark-orange;
   height: auto;
   font-size: 10pt;
   text-align: left;
diff --git a/dev/scss/pagination.scss b/dev/scss/pagination.scss
index fc3ff4a..5ceca89 100644
--- a/dev/scss/pagination.scss
+++ b/dev/scss/pagination.scss
@@ -26,7 +26,7 @@
   font-size: 0;
   position: fixed;
   right: 20px;
-  bottom: 10px;
+  bottom: 24px;
   z-index: 400;
   padding: 0;
   height: auto;
diff --git a/dev/scss/util.scss b/dev/scss/util.scss
index b132519..86bfb34 100644
--- a/dev/scss/util.scss
+++ b/dev/scss/util.scss
@@ -141,6 +141,9 @@
   box-sizing: border-box;         /* Opera/IE 8+ */
 }
 
+@mixin light-noise {
+  background-image:url('#{$img-path}/noise.png');
+}
 
 // https://css-tricks.com/almanac/properties/a/appearance/
 @mixin no-appearance {