diff --git a/css/style.css b/css/style.css
index 7556945..b36241e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -19,6 +19,10 @@
   transition: background .15s, box-shadow .1s;
 }
 
+.navbar-brand-image {
+  filter: invert(100%);
+}
+
 #wrap_a {
   max-width: 800px;
   margin: 0 auto;
diff --git a/index.html b/index.html
index 2a34178..5b52350 100644
--- a/index.html
+++ b/index.html
@@ -27,8 +27,9 @@
   <!-- Navbar -->
   <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light" style="padding-right: 41px;">
     <div class="container pt-6">
-      <a class="navbar-brand" href="#"><img src="images/bliss-brand-icon.png" width="50"
-          class="d-inline-block align-top" alt="" style="-webkit-filter: invert(100%)"></a>
+      <a class="navbar-brand" href="#">
+        <img src="images/bliss-brand-icon.png" width="50" class="d-inline-block align-top navbar-brand-image" alt="">
+      </a>
       <div class="row">
         <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>BlissRoms</b></b></a></div>
       </div>
diff --git a/team.html b/team.html
index d01bb69..1d080a4 100644
--- a/team.html
+++ b/team.html
@@ -27,8 +27,9 @@
   <!-- Navbar -->
   <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light" style="padding-right: 41px;">
     <div class="container pt-6">
-      <a class="navbar-brand" href="#"><img src="images/bliss-brand-icon.png" width="50"
-          class="d-inline-block align-top" alt="" style="-webkit-filter: invert(100%)"></a>
+      <a class="navbar-brand" href="#">
+        <img src="images/bliss-brand-icon.png" width="50" class="d-inline-block align-top navbar-brand-image" alt="">
+      </a>
       <div class="row">
         <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>BlissRoms</b></b></a></div>
       </div>