diff --git a/css/ol.css b/css/ol.css
index 7b2f0dddae..db686e8690 100644
--- a/css/ol.css
+++ b/css/ol.css
@@ -188,7 +188,7 @@ a.ol-full-screen-true:after {
 }
 
 /* invisible but not hidden */
-.olHasToolTip [role=tooltip] {
+.ol-has-tooltip [role=tooltip] {
   position: absolute;
   clip: rect(1px 1px 1px 1px); /* < IE8 */
   clip: rect(1px, 1px, 1px, 1px);
@@ -203,7 +203,7 @@ a.ol-full-screen-true:after {
 }
 
 /* show a tooltip offset to below and right */
-.olHasToolTip:hover [role=tooltip], .olHasToolTip:focus [role=tooltip] {
+.ol-has-tooltip:hover [role=tooltip], .ol-has-tooltip:focus [role=tooltip] {
   clip: auto;
   padding: .2em .4em;
   height: auto;
diff --git a/src/ol/control/zoomcontrol.js b/src/ol/control/zoomcontrol.js
index 1cddb83f51..d0318cfe92 100644
--- a/src/ol/control/zoomcontrol.js
+++ b/src/ol/control/zoomcontrol.js
@@ -47,7 +47,7 @@ ol.control.Zoom = function(opt_options) {
     'role' : 'tooltip'
   }, zoomInTipLabel);
   var inElement = goog.dom.createDom(goog.dom.TagName.BUTTON, {
-    'class': className + '-in olHasToolTip',
+    'class': className + '-in ol-has-tooltip',
     'name' : 'ZoomIn',
     'type' : 'button'
   }, tTipZoomIn, zoomInLabel);
@@ -63,7 +63,7 @@ ol.control.Zoom = function(opt_options) {
     'type' : 'button'
   }, zoomOutTipLabel);
   var outElement = goog.dom.createDom(goog.dom.TagName.BUTTON, {
-    'class': className + '-out  olHasToolTip',
+    'class': className + '-out  ol-has-tooltip',
     'name' : 'ZoomOut'
   }, tTipsZoomOut, zoomOutLabel);
   goog.events.listen(outElement, [