diff --git a/server/ui/src/Main.css b/server/ui/src/Main.css
index aa29ab6..c88addd 100644
--- a/server/ui/src/Main.css
+++ b/server/ui/src/Main.css
@@ -8,4 +8,11 @@
 
 .search-name-cell {
     word-wrap: break-word;
+}
+
+.navbar-purple {
+    background-color: #673ab7;
+    -webkit-box-shadow: 0 8px 6px -6px #999;
+    -moz-box-shadow: 0 8px 6px -6px #999;
+    box-shadow: 0 8px 6px -6px #999;
 }
\ No newline at end of file
diff --git a/server/ui/src/components/navbar.tsx b/server/ui/src/components/navbar.tsx
index 8aecc70..39f2550 100644
--- a/server/ui/src/components/navbar.tsx
+++ b/server/ui/src/components/navbar.tsx
@@ -27,7 +27,7 @@ export class Navbar extends Component<any, State> {
 
   navbar() {
     return (
-      <nav class="navbar navbar-dark" style="background-color: #673ab7">
+      <nav class="navbar navbar-dark navbar-purple">
         <a class="navbar-brand" href="#">
           <i class="fas fa-fw fa-database mr-1"></i>Torrents.csv
       </a>