diff --git a/src/components/Output/custom-els/TwoUp/styles.css b/src/components/Output/custom-els/TwoUp/styles.css
index d40b8735..73c555da 100644
--- a/src/components/Output/custom-els/TwoUp/styles.css
+++ b/src/components/Output/custom-els/TwoUp/styles.css
@@ -56,7 +56,7 @@ two-up[legacy-clip-compat] > :not(.two-up-handle) {
   box-shadow: 0 1px 4px rgba(0,0,0,0.1);
   color: var(--thumb-color);
   box-sizing: border-box;
-  padding: 0 48%;
+  padding: 0 calc(var(--thumb-size) * 0.24);
 }
 
 .scrubber svg {
diff --git a/src/components/Output/style.scss b/src/components/Output/style.scss
index 62bf79bf..11c03512 100644
--- a/src/components/Output/style.scss
+++ b/src/components/Output/style.scss
@@ -1,7 +1,3 @@
-/*
-Note: These styles are temporary. They will be replaced before going live.
-*/
-
 .output {
   composes: abs-fill from '../../lib/util.scss';