diff --git a/public/react/public/css/edu-all.css b/public/react/public/css/edu-all.css
index c8a4aeaf6..52991cd2d 100644
--- a/public/react/public/css/edu-all.css
+++ b/public/react/public/css/edu-all.css
@@ -118,12 +118,13 @@ em.vertical-line{display: inline-block;width: 2px;background: #999;height: 10px}
     bottom: 90px;}
 .tag-green .tag-name{display: block;width: auto;
     /*background-image: url("/images/educoder/tag1.png");*/
-    background: #000000;
+    background: rgba(000,000,000,0.56);
     border: 1px solid #fff;
     border-radius: 3px;
     font-size: 12px;
-    opacity: 0.56;
-    background-size: 100% 100%;padding: 0px 8px;color: #fff;float: left;}
+    /*opacity: 0.56;*/
+    background-size: 100% 100%;
+    padding: 0px 8px;color: #fff;float: left;}
 .tag-orange{position: absolute;right: 0px;top:12px;}
 .tag-orange .tag-name{display: block;width: auto;background-color:#FF6800;
     background-size: 100% 100%;padding: 0px 8px;color: #fff;float: left;
diff --git a/public/stylesheets/educoder/edu-all.css b/public/stylesheets/educoder/edu-all.css
index 823af3c5d..2b4449333 100644
--- a/public/stylesheets/educoder/edu-all.css
+++ b/public/stylesheets/educoder/edu-all.css
@@ -120,12 +120,13 @@ em.vertical-line{display: inline-block;width: 2px;background: #999;height: 10px}
     bottom: 90px;}
 .tag-green .tag-name{display: block;width: auto;
     /*background-image: url("/images/educoder/tag1.png");*/
-    background: #000000;
+    background: rgba(000,000,000,0.56);
     border: 1px solid #fff;
     border-radius: 3px;
     font-size: 12px;
-    opacity: 0.56;
-    background-size: 100% 100%;padding: 0px 8px;color: #fff;float: left;}
+    /*opacity: 0.56;*/
+    background-size: 100% 100%;
+    padding: 0px 8px;color: #fff;float: left;}
 .tag-orange{position: absolute;right: 0px;top:12px;}
 .tag-orange .tag-name{display: block;width: auto;background-color:#FF6800;
     background-size: 100% 100%;padding: 0px 8px;color: #fff;float: left;