diff --git a/elements/pfe-clipboard/src/pfe-clipboard.scss b/elements/pfe-clipboard/src/pfe-clipboard.scss
index 3063bfd695..502cde9713 100644
--- a/elements/pfe-clipboard/src/pfe-clipboard.scss
+++ b/elements/pfe-clipboard/src/pfe-clipboard.scss
@@ -6,6 +6,7 @@ $LOCAL: clipboard;
 // This variable is global so that helper functions can reference it
 $LOCAL-VARIABLES: (
   FontSize: 1rem,
+  Padding: 6px 16px,
   FontWeight: pfe-var(font-weight--light),
   Color: pfe-broadcasted(link),
   Color--hover: pfe-broadcasted(link--hover),
@@ -13,6 +14,7 @@ $LOCAL-VARIABLES: (
   text--success--Color: pfe-var(feedback--success),
   icon--Width: pfe-var(icon-size),
   icon--Height: auto,
+  icon--Margin: 0 0.4825rem 0 0, // 7.72px
 );
 
 :host {
@@ -23,8 +25,7 @@ $LOCAL-VARIABLES: (
   color: pfe-local(Color) !important;
   font-weight: pfe-local(FontWeight);
   cursor: pointer;
-  // @todo: How should we handle padding with inline elements?
-  padding: 6px 16px;
+  padding: pfe-local(Padding);
 }
 
 :host([hidden]) {
@@ -38,7 +39,7 @@ $LOCAL-VARIABLES: (
     width: pfe-local(icon--Width);
     // This is needed if the icon isn't square
     height: pfe-local(icon--Height);
-    margin-right: 0.4825rem; // 7.72px 
+    margin: pfe-local(icon--Margin);
   }
   &__text {
     font-size: pfe-local(FontSize) !important;