diff --git a/client/src/components/HistoryViewer/HistoryViewerVersion.scss b/client/src/components/HistoryViewer/HistoryViewerVersion.scss
index bdf7819..5f21616 100644
--- a/client/src/components/HistoryViewer/HistoryViewerVersion.scss
+++ b/client/src/components/HistoryViewer/HistoryViewerVersion.scss
@@ -1,3 +1,5 @@
+$snapshot-top-padding: $table-cell-padding * 2 + $line-height-base;
+
 .history-viewer__row--current {
   .history-viewer__version-link {
     cursor: default;
@@ -80,7 +82,7 @@
 
   &--initial {
     &:before {
-      top: ($table-cell-padding * 2 + $line-height-base) / 2;
+      top: calc($snapshot-top-padding / 2);
     }
   }
   &--muted {
@@ -94,4 +96,4 @@
       display:none;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/client/src/components/HistoryViewer/HistoryViewerVersionList.scss b/client/src/components/HistoryViewer/HistoryViewerVersionList.scss
index ef8a2ab..3a561e6 100644
--- a/client/src/components/HistoryViewer/HistoryViewerVersionList.scss
+++ b/client/src/components/HistoryViewer/HistoryViewerVersionList.scss
@@ -101,7 +101,7 @@
 
 // In detail views, pulls the content (and content tabs) closer to the selected version table
 .history-viewer__table--current {
-  margin-bottom: $panel-padding-y / 2;
+  margin-bottom: calc($panel-padding-y / 2);
 }
 
 .history-viewer {