diff --git a/cdn/gameassets/site.css b/cdn/gameassets/site.css
index 94b5c1d..6454232 100644
--- a/cdn/gameassets/site.css
+++ b/cdn/gameassets/site.css
@@ -6,7 +6,7 @@ body {
     color: white;
     font-family: Arial, Helvetica, sans-serif;
 }
-.text-shadow {
+.text-shadow, .text-shadow-not-ie {
     text-shadow: 1px 1px 2px black;
 }
 .list-group-item, form, h1 {
diff --git a/cdn/static/web/launcher/login_form.html b/cdn/static/web/launcher/login_form.html
index e281142..a8a9411 100644
--- a/cdn/static/web/launcher/login_form.html
+++ b/cdn/static/web/launcher/login_form.html
@@ -9,8 +9,9 @@
       .text-shadow {
         color: black !important;
         position: relative;
-        left: 1px;
-        top: 2px;
+        left: 0px;
+        top: 0px;
+        filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
       }
       .text-shadow:before {
         color: white;
@@ -18,21 +19,18 @@
         position: absolute;
         content: attr(data-innertext);
 
-        top: -4px;
-        left: -1px;
+        top: 2px;
+        left: 1px;
       }
-      div > h1 span.text-shadow:before, div h2.text-shadow:before {
-        top: -2px;
-      }
-      form .text-shadow:before, .list-group-item div.text-shadow:before {
-        top: -1px;
+      a .text-shadow {
+        text-decoration: none !important;
       }
     </style>
   <![endif]-->
 </head>
 <body>
   <div class="container-fluid">
-    <h1><span class="text-shadow">Zwift Launcher</span></h1>
+    <h1><div class="text-shadow">Zwift Launcher</div></h1>
     <h2 class="text-shadow">Login</h2>
     <a href="/signup" class="btn btn-sm btn-success">Sign up</a>
     <div class="row">
diff --git a/cdn/static/web/launcher/signup.html b/cdn/static/web/launcher/signup.html
index b16ea01..ab8ff88 100644
--- a/cdn/static/web/launcher/signup.html
+++ b/cdn/static/web/launcher/signup.html
@@ -9,8 +9,9 @@
       .text-shadow {
         color: black !important;
         position: relative;
-        left: 1px;
-        top: 2px;
+        left: 0px;
+        top: 0px;
+        filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
       }
       .text-shadow:before {
         color: white;
@@ -18,21 +19,18 @@
         position: absolute;
         content: attr(data-innertext);
 
-        top: -4px;
-        left: -1px;
+        top: 2px;
+        left: 1px;
       }
-      div > h1 span.text-shadow:before, div h2.text-shadow:before {
-        top: -2px;
-      }
-      form .text-shadow:before, .list-group-item div.text-shadow:before {
-        top: -1px;
+      a .text-shadow {
+        text-decoration: none !important;
       }
     </style>
   <![endif]-->
 </head>
 <body>
   <div class="container-fluid">
-    <h1><span class="text-shadow">Sign up</span></h1>
+    <h1><div class="text-shadow">Sign up</div></h1>
     <div class="row">
       <div class="col-sm-6 col-md-5">
         <form id="signup" action="{{ url_for('signup') }}" method="post">
diff --git a/cdn/static/web/launcher/upload.html b/cdn/static/web/launcher/upload.html
index abf56b4..00ec537 100644
--- a/cdn/static/web/launcher/upload.html
+++ b/cdn/static/web/launcher/upload.html
@@ -9,8 +9,9 @@
       .text-shadow {
         color: black !important;
         position: relative;
-        left: 1px;
-        top: 2px;
+        left: 0px;
+        top: 0px;
+        filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
       }
       .text-shadow:before {
         color: white;
@@ -18,34 +19,31 @@
         position: absolute;
         content: attr(data-innertext);
 
-        top: -4px;
-        left: -1px;
+        top: 2px;
+        left: 1px;
       }
-      div > h1 span.text-shadow:before, div h2.text-shadow:before {
-        top: -2px;
-      }
-      form .text-shadow:before, .list-group-item div.text-shadow:before {
-        top: -1px;
+      a .text-shadow {
+        text-decoration: none !important;
       }
     </style>
   <![endif]-->
 </head>
 <body>
   <div class="container-fluid">
-    <h1><span class="text-shadow">Logged in as {{ username }} ({{ name }})</span></h1>
+    <h1><div class="text-shadow">Logged in as {{ username }} ({{ name }})</div></h1>
     <div class="row">
       <div class="col-sm-6 col-md-5">
         <ul class="list-group">
           <li class="list-group-item">
             <div class="row">
               <div class="col-md-12">
-                <span class="text-shadow">profile.bin</span>
+                <label class="text-shadow">profile.bin</label>
               </div>
               <div class="col-md-12">
                 {% if profile %}
-                  <a href="/download/profile.bin" class="text-shadow">{{ profile }} (download)</a>
+                  <a href="/download/profile.bin"><div class="text-shadow">{{ profile }} (download)</div></a>
                 {% else %}
-                  <span class="text-shadow">{{ profile }}</span>
+                  <label class="text-shadow">{{ profile }}</label>
                 {% endif %}
               </div>
             </div>
@@ -53,10 +51,10 @@
           <li class="list-group-item">
             <div class="row">
               <div class="col-md-12">
-                <span class="text-shadow">strava_token.txt</span>
+                <label class="text-shadow">strava_token.txt</label>
               </div>
               <div class="col-md-12">
-                <span class="text-shadow">{{ token }}</span>
+                <label class="text-shadow">{{ token }}</label>
               </div>
             </div>
           </li>
@@ -69,7 +67,7 @@
           <h3 class="text-shadow">Upload file</h3>
           <div class="row">
             <div class="col-md-12">
-              <input type="file" name="file" class="form-control-file text-shadow" /> <label class="text-shadow">(profile.bin / strava_token.txt)</label>
+              <input type="file" name="file" class="form-control-file text-shadow-not-ie" /> <label class="text-shadow">(profile.bin / strava_token.txt)</label>
             </div>
           </div>
           <div class="row">
diff --git a/cdn/static/web/launcher/user_home.html b/cdn/static/web/launcher/user_home.html
index be2c474..a384898 100644
--- a/cdn/static/web/launcher/user_home.html
+++ b/cdn/static/web/launcher/user_home.html
@@ -9,8 +9,9 @@
       .text-shadow {
         color: black !important;
         position: relative;
-        left: 1px;
-        top: 2px;
+        left: 0px;
+        top: 0px;
+        filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
       }
       .text-shadow:before {
         color: white;
@@ -18,21 +19,18 @@
         position: absolute;
         content: attr(data-innertext);
 
-        top: -4px;
-        left: -1px;
+        top: 2px;
+        left: 1px;
       }
-      div > h1 span.text-shadow:before, div h2.text-shadow:before {
-        top: -2px;
-      }
-      form .text-shadow:before, .list-group-item div.text-shadow:before {
-        top: -1px;
+      a .text-shadow {
+        text-decoration: none !important;
       }
     </style>
   <![endif]-->
 </head>
 <body>
   <div class="container-fluid">
-    <h1><span class="text-shadow">Zwift Launcher</span></h1>
+    <h1><div class="text-shadow">Zwift Launcher</div></h1>
     {% if username %}
       <h2 class="text-shadow">Logged in as {{ username }}</h2>
         {% if restarting %}
