diff --git a/r2/r2/public/static/compact/collapse.png b/r2/r2/public/static/compact/collapse.png
index 6b5a474f0..526c8537c 100644
Binary files a/r2/r2/public/static/compact/collapse.png and b/r2/r2/public/static/compact/collapse.png differ
diff --git a/r2/r2/public/static/compact/parent.png b/r2/r2/public/static/compact/parent.png
index 70c01b7ea..daa53280f 100644
Binary files a/r2/r2/public/static/compact/parent.png and b/r2/r2/public/static/compact/parent.png differ
diff --git a/r2/r2/public/static/compact/report.png b/r2/r2/public/static/compact/report.png
index 6119b822c..265d480e7 100644
Binary files a/r2/r2/public/static/compact/report.png and b/r2/r2/public/static/compact/report.png differ
diff --git a/r2/r2/public/static/compact/save.png b/r2/r2/public/static/compact/save.png
index fdce50ed3..7648be260 100644
Binary files a/r2/r2/public/static/compact/save.png and b/r2/r2/public/static/compact/save.png differ
diff --git a/r2/r2/public/static/compact/unsave.png b/r2/r2/public/static/compact/unsave.png
index 1c69b080a..73becd021 100644
Binary files a/r2/r2/public/static/compact/unsave.png and b/r2/r2/public/static/compact/unsave.png differ
diff --git a/r2/r2/public/static/css/compact.scss b/r2/r2/public/static/css/compact.scss
index bb5c26cb5..6360cabf6 100644
--- a/r2/r2/public/static/css/compact.scss
+++ b/r2/r2/public/static/css/compact.scss
@@ -145,7 +145,6 @@ button.button {
     margin:  35px -5px -1px;
     border-top:  1px solid hsl(210,35%,10%);
     display: none;
-    padding: 10px;
     @include box-orient(horizontal);
     @include box-align(center);
     @include box-pack(center);
@@ -157,11 +156,34 @@ button.button {
         color: white;
         text-decoration: none;
         font-size: 11px;
-        padding: {
-            left: 5px;
-            right: 5px;
+        padding: 10px;
+        width: 40px;
+        text-align: center;
+        border-right:  1px solid hsl(210,35%,10%);
+        border-left:  1px solid hsl(210,35%,30%);
+        @include transition(all, 100ms, ease-in);
+
+        &:active {
+            background-color: hsl(210,35%,30%);
+            border-left: 1px solid hsl(210,35%,40%);
+        }
+
+        &:hover {
+            background-color: hsl(210,25%,20%);
+            @include box-shadow(inset 0px 3px 8px hsla(0,0%,0%,.8));
+            border-left: 1px solid hsl(210,35%,40%);
+            padding: {
+                top: 15px;
+                bottom: 5px;
+            }
+        }
+
+        &:first-child {
+            border-left: none;
+        }
+        &:last-child {
+            border-right: none;
         }
-        
     }
 
     &.expanded {
diff --git a/r2/r2/public/static/css/config.rb b/r2/r2/public/static/css/config.rb
new file mode 100644
index 000000000..a6465c111
--- /dev/null
+++ b/r2/r2/public/static/css/config.rb
@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "."
+sass_dir = "."
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+ line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass