diff --git a/src/components/d-footnote.js b/src/components/d-footnote.js
index 084106b..b816efa 100644
--- a/src/components/d-footnote.js
+++ b/src/components/d-footnote.js
@@ -30,23 +30,16 @@ span {
   z-index: 10000;
 }
 
-.dt-hover-box {
-  margin: 0 auto;
-  width: 704px;
-  max-width: 100vw;
-  background-color: #FFF;
-  opacity: 0.95;
-  border: 1px solid rgba(0, 0, 0, 0.25);
-  padding: 8px 16px;
-  border-radius: 3px;
-  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
-  box-sizing: border-box;
+.footnote-container {
+  padding: 10px;
 }
 
 </style>
 
 <d-hover-box>
-  <slot id="slot"></slot>
+  <div class="footnote-container">
+    <slot id="slot"></slot>
+  </div>
 </d-hover-box>
 
 <sup>
diff --git a/src/components/d-hover-box.js b/src/components/d-hover-box.js
index 35a2e86..2d15e8c 100644
--- a/src/components/d-hover-box.js
+++ b/src/components/d-hover-box.js
@@ -30,7 +30,6 @@ const T = Template('d-hover-box', `
   box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
   border-radius: 4px;
   box-sizing: border-box;
-  padding: 10px;
 }
 
 </style>