diff --git a/app/static/css/header.css b/app/static/css/header.css
index 881bdad..8ba7398 100644
--- a/app/static/css/header.css
+++ b/app/static/css/header.css
@@ -114,20 +114,20 @@ header {
     overflow: hidden;
 }
 
-.bRsWnc {
+.desktop-tab-div-2 {
     border-top: 1px solid #dadce0;
     height: 39px;
     overflow: hidden;
 }
 
-.N6RWV {
+.desktop-tab-div-3 {
     height: 51px;
     overflow-scrolling: touch;
     overflow-x: auto;
     overflow-y: hidden;
 }
 
-.Pg70bf {
+.header {
     height: 39px;
     display: box;
     display: flex;
@@ -135,7 +135,7 @@ header {
     width: 100%;
 }
 
-.Uv67qb {
+.desktop-header-tab {
     box-pack: justify;
     font-size: 12px;
     line-height: 37px;
@@ -143,13 +143,13 @@ header {
     justify-content: space-between;
 }
 
-span.OXXup {
+span.desktop-tab-span {
     border-bottom: 2px solid #4285f4;
     color: #4285f4;
     font-weight: bold;
 }
 
-.Uv67qb a, .Uv67qb span {
+.desktop-header-tab a, .desktop-header-tab span {
     color: #70757a;
     display: block;
     flex: none;
@@ -158,7 +158,7 @@ span.OXXup {
     text-transform: uppercase;
 }
 
-.Uv67qb a, .Uv67qb span {
+.desktop-header-tab a, .desktop-header-tab span {
     color: #70757a;
     display: block;
     flex: none;
@@ -173,19 +173,19 @@ a {
     tap-highlight-color: rgba(0, 0, 0, .10);
 }
 
-.Pg70bf input {
+.header input {
     margin: 2px 4px 2px 8px;
 }
 
-a.eZt8xd:visited {
+a.desktop-tab-a:visited {
     color: #70757a;
 }
 
-.FElbsf {
+.desktop-tab-div-end {
     border-left: 1px solid rgba(0, 0, 0, 0.12);
 }
   
-.noHIxc {
+.mobile-input {
     display: block;
     font-size: 16px;
     padding: 0 0 0 8px;
diff --git a/app/templates/header.html b/app/templates/header.html
index 0d5933f..f865d82 100644
--- a/app/templates/header.html
+++ b/app/templates/header.html
@@ -1,7 +1,7 @@
 {% if mobile %}
     <header>
-        <div class="bz1lBb header-div">
-            <form class="search-form Pg70bf"
+        <div class="header-div">
+            <form class="search-form header"
                   id="search-form"
                   method="{{ 'GET' if config.get_only else 'POST' }}">
                 <a class="logo-link mobile-logo" href="home">
@@ -18,7 +18,7 @@
                                 autocomplete="off"
                                 autocorrect="off"
                                 spellcheck="false"
-                                class="noHIxc"
+                                class="mobile-input"
                                 name="q"
                                 type="text"
                                 value="{{ clean_query(query) }}"
@@ -69,17 +69,17 @@
     </header>
     <div>
       <div class="desktop-tab-div">
-          <div class="bRsWnc">
-              <div class="N6RWV">
-                  <div class="Pg70bf Uv67qb">
+          <div class="desktop-tab-div-2">
+              <div class="desktop-tab-div-3">
+                  <div class="header desktop-header-tab">
                       {% for tab_id, tab_content in tabs.items() %}
                           {% if tab_content['selected'] %}
-                              <span class="OXXup">{{ tab_content['name'] }}</span>
+                              <span class="desktop-tab-span">{{ tab_content['name'] }}</span>
                           {% else %}
-                              <a class="eZt8xd" href="{{ tab_content['href'] }}">{{ tab_content['name'] }}</a>
+                              <a class="desktop-tab-a" href="{{ tab_content['href'] }}">{{ tab_content['name'] }}</a>
                           {% endif %}
                       {% endfor %}
-                      <div class="FElbsf"></div>
+                      <div class="desktop-tab-div-end"></div>
                   </div>
               </div>
           </div>