diff --git a/gms/memberdb/static/admin_custom.css b/gms/memberdb/static/admin_custom.css
index 8f1ad2c9e8c7b0a5ee1fb531cefc758a66436398..629d6c09b024c7598d1fecd17bd3941a52af0a9b 100644
--- a/gms/memberdb/static/admin_custom.css
+++ b/gms/memberdb/static/admin_custom.css
@@ -2,11 +2,11 @@
     display: inline-block;
 }
 
-.logo {
+.logo span {
     transform: rotate(45deg);
 }
 
-.logo:hover {
+.logo span:hover {
     animation: spin 0.5s linear infinite;
 }
 
@@ -40,4 +40,4 @@
 
 p, a {
     box-sizing: content-box;
-}
\ No newline at end of file
+}
diff --git a/gms/memberdb/static/shared.css b/gms/memberdb/static/shared.css
index 5868b79900cd6252d97d3839b79729d5cc5fa1fc..e1a893818bd35010dfb11b1be756e8c05a7ac7c9 100644
--- a/gms/memberdb/static/shared.css
+++ b/gms/memberdb/static/shared.css
@@ -19,6 +19,13 @@ body {
     margin: 5px 30px 5px 20px;
     height: 50px;
     width: 50px;
+    overflow: hidden; /* hide the overflow when it is rotated on the admin site */
+}
+
+.logo span {
+    height: 100%;
+    width: 100%;
+    display: block;
     background-image: url("ucc-logo-white.png");
     background-repeat: no-repeat;
     background-position: center;
@@ -153,4 +160,4 @@ input[type=button][disabled].default {
 .help, p.help, form p.help, div.help, form div.help, div.help li {
     font-size: 12px;
     color: #999;
-}
\ No newline at end of file
+}
diff --git a/gms/memberdb/templates/base.html b/gms/memberdb/templates/base.html
index 5235fd7ed52521382fbcecc91f39aba6da035af3..51f23d380477b98741e409fc74c6e1e9c1ee0782 100644
--- a/gms/memberdb/templates/base.html
+++ b/gms/memberdb/templates/base.html
@@ -23,7 +23,9 @@
         {% block navbar %}
         <nav>
             {% block branding %}
-            <a class="logo" title="UCC logo"></a>
+            <a class="logo" title="UCC logo">
+                <span></span>
+            </a>
             {% endblock %}
             
             {# fancy automatic navbar thing from https://stackoverflow.com/questions/39639264 #}