Bubble CSS: Replace relative positioning trickery with a margin

chrome/browser/resources/shared/css/bubble.css

Index: chrome/browser/resources/shared/css/bubble.css
diff --git a/chrome/browser/resources/shared/css/bubble.css b/chrome/browser/resources/shared/css/bubble.css
index 2befbf690e2f2ff75248e6cc33e29c51d7eee018..510423270d35b4b344f3260008ead1e3eb222645 100644
--- a/chrome/browser/resources/shared/css/bubble.css
+++ b/chrome/browser/resources/shared/css/bubble.css
@@ -12,13 +12,10 @@
 
 .bubble-content {
   color: black;
-  left: 1px;
   line-height: 150%;
+  margin: 1px;
   padding: 8px 11px 12px;
   position: relative;
-  right: 1px;
-  top: 1px;
-  width: 298px;
   z-index: 3;
 }
 
@@ -66,7 +63,7 @@ html[dir='rtl'] .bubble-close {
 }
 
 .bubble-shadow {
-  bottom: -2px;
+  bottom: 0;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   left: 0;
   position: absolute;