diff --git a/frontend/src/components/service/view-toggle.js b/frontend/src/components/service/view-toggle.js
index 1a506946..147396fb 100644
--- a/frontend/src/components/service/view-toggle.js
+++ b/frontend/src/components/service/view-toggle.js
@@ -1,13 +1,34 @@
 const React = require('react');
 const Toggle = require('@ui/components/toggle');
 
+const fns = require('@ui/shared/functions');
+
+const Styled = require('styled-components');
+
+const {
+  remcalc,
+} = fns;
+
+const {
+  default: styled,
+} = Styled;
+
+const StyledWrapper = styled.div`
+  margin-top: ${remcalc(9)};
+  margin-bottom: ${remcalc(36)};
+`;
+
+const StyledSpan = styled.span`
+  margin-right: ${remcalc(6)};
+`;
+
 const ServiceToggle = () => {
 
   return (
-    <div>
-      <span>View</span>
+    <StyledWrapper>
+      <StyledSpan>View</StyledSpan>
       <Toggle />
-    </div>
+    </StyledWrapper>
   );
 };