diff --git a/themes/aurora/templates/base.html b/themes/aurora/templates/base.html
index 663090b..c7c892e 100644
--- a/themes/aurora/templates/base.html
+++ b/themes/aurora/templates/base.html
@@ -24,6 +24,10 @@
        font-family: AppleGothic, NanumSquare, Sans-serif;
      }
 
+     .shrinkingtitle {
+       font-size: 0.8em;
+     }
+
      @media only screen and (max-width: 600px) {
        .shrinkingtitle {
          font-size: 0.5em;
diff --git a/themes/aurora/templates/categories.html b/themes/aurora/templates/categories.html
index 1d9c807..c8afbe1 100644
--- a/themes/aurora/templates/categories.html
+++ b/themes/aurora/templates/categories.html
@@ -2,7 +2,7 @@
 {% block content_header %}
 <div class="fl o-50" style="font-size:0.4em;">/<br/>categ*r-ies</div>
 <a class="b fr o-50" style="font-size: 0.5em;" href="{{ SITEURL }}/categories.html">*</a>
-<a class="b fr o-30 pr1 shrinkingtitle" style="font-size:0.8em;" href="{{ SITEURL }}">{{ SITENAME }}</a>
+<a class="b fr o-30 pr1 shrinkingtitle" href="{{ SITEURL }}">{{ SITENAME }}</a>
 {% endblock %}
 
 {% block content %}
diff --git a/themes/moe-dark/templates/base.html b/themes/moe-dark/templates/base.html
index 4e2731f..4d80312 100644
--- a/themes/moe-dark/templates/base.html
+++ b/themes/moe-dark/templates/base.html
@@ -23,6 +23,16 @@
        font-family: AppleGothic, NanumSquare, Sans-serif;
      }
 
+     .shrinkingtitle {
+       font-size: 0.8em;
+     }
+
+     @media only screen and (max-width: 600px) {
+       .shrinkingtitle {
+         font-size: 0.5em;
+       }
+     }
+
      body::-webkit-scrollbar {
        width: 0;
        height: 0;
diff --git a/themes/moe-dark/templates/categories.html b/themes/moe-dark/templates/categories.html
index 1d9c807..c8afbe1 100644
--- a/themes/moe-dark/templates/categories.html
+++ b/themes/moe-dark/templates/categories.html
@@ -2,7 +2,7 @@
 {% block content_header %}
 <div class="fl o-50" style="font-size:0.4em;">/<br/>categ*r-ies</div>
 <a class="b fr o-50" style="font-size: 0.5em;" href="{{ SITEURL }}/categories.html">*</a>
-<a class="b fr o-30 pr1 shrinkingtitle" style="font-size:0.8em;" href="{{ SITEURL }}">{{ SITENAME }}</a>
+<a class="b fr o-30 pr1 shrinkingtitle" href="{{ SITEURL }}">{{ SITENAME }}</a>
 {% endblock %}
 
 {% block content %}
diff --git a/themes/white/templates/base.html b/themes/white/templates/base.html
index ef02ec5..8372aeb 100644
--- a/themes/white/templates/base.html
+++ b/themes/white/templates/base.html
@@ -21,6 +21,16 @@
        font-family: AppleGothic, NanumSquare, Sans-serif;
      }
 
+     .shrinkingtitle {
+       font-size: 0.8em;
+     }
+
+     @media only screen and (max-width: 600px) {
+       .shrinkingtitle {
+         font-size: 0.5em;
+       }
+     }
+
      body::-webkit-scrollbar {
        width: 0;
        height: 0;
diff --git a/themes/white/templates/categories.html b/themes/white/templates/categories.html
index 4d09e19..6f6bf24 100644
--- a/themes/white/templates/categories.html
+++ b/themes/white/templates/categories.html
@@ -2,7 +2,7 @@
 {% block content_header %}
 <div class="fl o-50" style="font-size:0.4em;">/<br/>categ*r-ies</div>
 <a class="b fr o-50" style="font-size: 0.5em;" href="{{ SITEURL }}/categories.html">*</a>
-<a class="b fr o-10 pr1 shrinkingtitle" style="font-size:0.8em;" href="{{ SITEURL }}">{{ SITENAME }}</a>
+<a class="b fr o-10 pr1 shrinkingtitle" href="{{ SITEURL }}">{{ SITENAME }}</a>
 {% endblock %}
 
 {% block content %}
diff --git a/themes/yoshi/templates/base.html b/themes/yoshi/templates/base.html
index 3e99417..b928f46 100644
--- a/themes/yoshi/templates/base.html
+++ b/themes/yoshi/templates/base.html
@@ -23,6 +23,16 @@
        font-family: AppleGothic, NanumSquare, Sans-serif;
      }
 
+     .shrinkingtitle {
+       font-size: 0.8em;
+     }
+
+     @media only screen and (max-width: 600px) {
+       .shrinkingtitle {
+         font-size: 0.5em;
+       }
+     }
+
      body::-webkit-scrollbar {
        width: 0;
        height: 0;
diff --git a/themes/yoshi/templates/categories.html b/themes/yoshi/templates/categories.html
index 1d9c807..c8afbe1 100644
--- a/themes/yoshi/templates/categories.html
+++ b/themes/yoshi/templates/categories.html
@@ -2,7 +2,7 @@
 {% block content_header %}
 <div class="fl o-50" style="font-size:0.4em;">/<br/>categ*r-ies</div>
 <a class="b fr o-50" style="font-size: 0.5em;" href="{{ SITEURL }}/categories.html">*</a>
-<a class="b fr o-30 pr1 shrinkingtitle" style="font-size:0.8em;" href="{{ SITEURL }}">{{ SITENAME }}</a>
+<a class="b fr o-30 pr1 shrinkingtitle" href="{{ SITEURL }}">{{ SITENAME }}</a>
 {% endblock %}
 
 {% block content %}