diff --git a/app/assets/images/logo-black.png b/app/assets/images/logo-black.png
new file mode 100644
index 00000000..6567f2e5
Binary files /dev/null and b/app/assets/images/logo-black.png differ
diff --git a/app/assets/images/logo-white.png b/app/assets/images/logo-white.png
new file mode 100644
index 00000000..ecec2405
Binary files /dev/null and b/app/assets/images/logo-white.png differ
diff --git a/app/assets/images/logo_dark.png b/app/assets/images/logo_dark.png
deleted file mode 100644
index 4a3e3391..00000000
Binary files a/app/assets/images/logo_dark.png and /dev/null differ
diff --git a/app/assets/images/logo_white.png b/app/assets/images/logo_white.png
deleted file mode 100644
index e3415816..00000000
Binary files a/app/assets/images/logo_white.png and /dev/null differ
diff --git a/app/assets/stylesheets/sections/header.scss b/app/assets/stylesheets/sections/header.scss
index 64560473..8f672701 100644
--- a/app/assets/stylesheets/sections/header.scss
+++ b/app/assets/stylesheets/sections/header.scss
@@ -45,7 +45,8 @@ header {
       margin: 0 6px;
 
       h1 {
-        background: url('logo_dark.png') no-repeat center 1px;
+        background: url('logo-black.png') no-repeat center 1px;
+        background-size: 38px;
         float: left;
         height: 40px;
         width: 40px;
@@ -241,7 +242,8 @@ header {
     .app_logo {
       a {
         h1 {
-          background: url('logo_white.png') no-repeat center 1px;
+          background: url('logo-white.png') no-repeat center 1px;
+          background-size: 38px;
           color: #fff;
           text-shadow: 0 1px 1px #111;
         }