diff --git a/front_end/src/Components/EditPayroll/PayrollTable/index.jsx b/front_end/src/Components/EditPayroll/PayrollTable/index.jsx
index b432b43a..d11a9827 100644
--- a/front_end/src/Components/EditPayroll/PayrollTable/index.jsx
+++ b/front_end/src/Components/EditPayroll/PayrollTable/index.jsx
@@ -12,7 +12,7 @@ export default function PayrollTable({
 }) {
   return (
     <>
-      <div class="scrollable-div">
+      <div class="scrollable">
         <table className="govuk-table">
           <thead className="govuk-table__head">
             <tr className="govuk-table__row">
diff --git a/front_end/styles/styles.scss b/front_end/styles/styles.scss
index e1197df3..b9559604 100644
--- a/front_end/styles/styles.scss
+++ b/front_end/styles/styles.scss
@@ -369,6 +369,6 @@ th {
   font-size: 16px;
 }
 
-.scrollable-div {
+.scrollable {
   overflow-x: scroll;
 }
diff --git a/payroll/templates/payroll/page/edit_payroll.html b/payroll/templates/payroll/page/edit_payroll.html
index d6dbc3a1..fcb92437 100644
--- a/payroll/templates/payroll/page/edit_payroll.html
+++ b/payroll/templates/payroll/page/edit_payroll.html
@@ -15,7 +15,7 @@ <h1 class="govuk-heading-l">Edit payroll</h1>
     <div id="payroll-app"></div>
 
     <h2 class="govuk-heading-m">Payroll forecast</h2>
-    <div class="scrollable-div">
+    <div class="scrollable">
       <table class="govuk-table">
           <thead class="govuk-table__head">
               <tr class="govuk-table__row">