diff --git a/app/assets/stylesheets/stackmap_customizations.scss b/app/assets/stylesheets/stackmap_customizations.scss
index 4e57f309d..460e7052b 100644
--- a/app/assets/stylesheets/stackmap_customizations.scss
+++ b/app/assets/stylesheets/stackmap_customizations.scss
@@ -7,10 +7,10 @@
     display:inline-block;
     white-space:nowrap;
     margin:4px 0 4px 15px;
-    // padding:4px;text-shadow:0 1px 1px rgba(0,0,0,.2);
+    padding:0;
     text-shadow:none;
     font-size:1rem;
-    // font-weight:700;
+    font-weight:normal;
     color:#ffffff;
     background-color: #3072AB;
     border-color: #3072AB;
diff --git a/spec/javascript/orangelight/availability.spec.js b/spec/javascript/orangelight/availability.spec.js
index 0eb37ead0..c3bf6645b 100644
--- a/spec/javascript/orangelight/availability.spec.js
+++ b/spec/javascript/orangelight/availability.spec.js
@@ -10,9 +10,9 @@ describe('AvailabilityUpdater', function () {
   });
 
   test('search results page with available, unavailable, mixed holdings display desired labels and badges', async () => {
-    const avail_id = "99120385083506421";
-    const unavail_id = "99121744283506421";
-    const mixed_id = "99119590233506421";
+    const avail_id = '99120385083506421';
+    const unavail_id = '99121744283506421';
+    const mixed_id = '99119590233506421';
     document.body.innerHTML =
       '<div id="documents" class="documents-list">' +
       '<article>' +
@@ -55,26 +55,35 @@ describe('AvailabilityUpdater', function () {
       '</div>' +
       '</article>' +
       '</div>';
-    let bibdata_response = await fs.readFile("spec/fixtures/bibliographic_availability_3_bibs.json", 'utf8');
+    let bibdata_response = await fs.readFile(
+      'spec/fixtures/bibliographic_availability_3_bibs.json',
+      'utf8'
+    );
     bibdata_response = JSON.parse(bibdata_response);
 
-    const u = new updater;
+    const u = new updater();
     u.process_results_list(bibdata_response);
 
-    const available_result = $(`*[data-record-id="${avail_id}"] .availability-icon`);
+    const available_result = $(
+      `*[data-record-id="${avail_id}"] .availability-icon`
+    );
     expect(available_result.hasClass('badge')).toBe(true);
     expect(available_result.hasClass('badge-success')).toBe(true);
-    expect(available_result.text()).toEqual("Available");
+    expect(available_result.text()).toEqual('Available');
 
-    const unavailable_result = $(`*[data-record-id="${unavail_id}"] .availability-icon`);
+    const unavailable_result = $(
+      `*[data-record-id="${unavail_id}"] .availability-icon`
+    );
     expect(unavailable_result.hasClass('badge')).toBe(true);
     expect(unavailable_result.hasClass('badge-danger')).toBe(true);
-    expect(unavailable_result.text()).toEqual("Unavailable");
+    expect(unavailable_result.text()).toEqual('Unavailable');
 
-    const mixed_result = $(`*[data-record-id="${mixed_id}"] .availability-icon`);
+    const mixed_result = $(
+      `*[data-record-id="${mixed_id}"] .availability-icon`
+    );
     expect(mixed_result.hasClass('badge')).toBe(true);
     expect(mixed_result.hasClass('badge-secondary')).toBe(true);
-    expect(mixed_result.text()).toEqual("Some items not available");
+    expect(mixed_result.text()).toEqual('Some items not available');
   });
   test('search results - SCSB availability - Unavailable', () => {
     document.body.innerHTML =
@@ -93,21 +102,27 @@ describe('AvailabilityUpdater', function () {
       '</li>';
 
     const item_data = {
-      "itemBarcode": "CU15957330",
-      "itemAvailabilityStatus": "Unavailable",
-      "errorMessage": null,
-      "collectionGroupDesignation": "Shared"
-    }
-    const barcode_id = item_data["itemBarcode"]
-    const availabilityBadgeBefore = document.getElementsByClassName('availability-icon');
+      itemBarcode: 'CU15957330',
+      itemAvailabilityStatus: 'Unavailable',
+      errorMessage: null,
+      collectionGroupDesignation: 'Shared',
+    };
+    const barcode_id = item_data['itemBarcode'];
+    const availabilityBadgeBefore =
+      document.getElementsByClassName('availability-icon');
     expect(availabilityBadgeBefore[0].textContent).toEqual('Unavailable');
-    const u = new updater;
-    u.apply_scsb_record(barcode_id, item_data)
+    const u = new updater();
+    u.apply_scsb_record(barcode_id, item_data);
     u.scsb_search_availability;
-    const availabilityBadgeAfter = document.getElementsByClassName('availability-icon');
+    const availabilityBadgeAfter =
+      document.getElementsByClassName('availability-icon');
     expect(availabilityBadgeAfter[0].textContent).toEqual('Unavailable');
-    expect(document.querySelector('.holding-status[data-holding-id="5459517"] > .badge-danger')).toBeTruthy();
-  })
+    expect(
+      document.querySelector(
+        '.holding-status[data-holding-id="5459517"] > .badge-danger'
+      )
+    ).toBeTruthy();
+  });
   test('search results availability for records in temporary locations says View record for Full Availability', () => {
     document.body.innerHTML =
       '<li class="blacklight-holdings">' +
@@ -134,43 +149,43 @@ describe('AvailabilityUpdater', function () {
       '  </ul>' +
       '</li>';
 
-
     const apiResponse = {
-      "9972879153506421": {
-        "lewis$resterm": {
-          "on_reserve": "N",
-          "location": "lewis$resterm",
-          "label": "Lewis Library - Term Loan Reserves",
-          "status_label": "Available",
-          "copy_number": null,
-          "cdl": false,
-          "temp_location": true,
-          "id": "lewis$resterm"
+      '9972879153506421': {
+        lewis$resterm: {
+          on_reserve: 'N',
+          location: 'lewis$resterm',
+          label: 'Lewis Library - Term Loan Reserves',
+          status_label: 'Available',
+          copy_number: null,
+          cdl: false,
+          temp_location: true,
+          id: 'lewis$resterm',
         },
-        "22732100160006421": {
-          "on_reserve": "N",
-          "location": "engineer$stacks",
-          "label": "Engineering Library - Stacks",
-          "status_label": "Available",
-          "copy_number": null,
-          "cdl": false,
-          "temp_location": false,
-          "id": "22732100160006421"
-        }
-      }
+        '22732100160006421': {
+          on_reserve: 'N',
+          location: 'engineer$stacks',
+          label: 'Engineering Library - Stacks',
+          status_label: 'Available',
+          copy_number: null,
+          cdl: false,
+          temp_location: false,
+          id: '22732100160006421',
+        },
+      },
     };
 
-
     const badgesBefore = document.getElementsByClassName('availability-icon');
     expect(badgesBefore[0].textContent).toEqual('Loading...');
 
     const bibId = '9972879153506421';
     const holdingData = apiResponse[bibId];
-    const u = new updater;
+    const u = new updater();
     u.process_result(bibId, holdingData);
 
     const badgesAfter = document.getElementsByClassName('availability-icon');
-    expect(badgesAfter[0].textContent).toEqual('View record for Full Availability');
+    expect(badgesAfter[0].textContent).toEqual(
+      'View record for Full Availability'
+    );
   });
 
   test('record show page with an available holding displays the status label in green', () => {
@@ -180,8 +195,20 @@ describe('AvailabilityUpdater', function () {
       '<span class="availability-icon"></span>' +
       '</td>' +
       '</tr></table>';
-    const holding_records = { "99118400923506421": { "22105449840006421": { "on_reserve": "N", "location": "stacks", "label": "Firestone Library (F)", "status_label": "Available", "more_items": false, "holding_type": "physical", "id": "22105449840006421" } } };
-    const u = new updater;
+    const holding_records = {
+      '99118400923506421': {
+        '22105449840006421': {
+          on_reserve: 'N',
+          location: 'stacks',
+          label: 'Firestone Library (F)',
+          status_label: 'Available',
+          more_items: false,
+          holding_type: 'physical',
+          id: '22105449840006421',
+        },
+      },
+    };
+    const u = new updater();
     u.id = '99118400923506421';
     u.process_single(holding_records);
 
@@ -199,8 +226,20 @@ describe('AvailabilityUpdater', function () {
       '<span class="availability-icon"></span>' +
       '</td>' +
       '</tr></table>';
-    const holding_records = { "99118400923506421": { "22105449840006421": { "on_reserve": "N", "location": "stacks", "label": "Firestone Library (F)", "status_label": "Unavailable", "more_items": false, "holding_type": "physical", "id": "22105449840006421" } } };
-    const u = new updater;
+    const holding_records = {
+      '99118400923506421': {
+        '22105449840006421': {
+          on_reserve: 'N',
+          location: 'stacks',
+          label: 'Firestone Library (F)',
+          status_label: 'Unavailable',
+          more_items: false,
+          holding_type: 'physical',
+          id: '22105449840006421',
+        },
+      },
+    };
+    const u = new updater();
     u.id = '99118400923506421';
     u.process_single(holding_records);
 
@@ -218,8 +257,20 @@ describe('AvailabilityUpdater', function () {
       '<span class="availability-icon"></span>' +
       '</td>' +
       '</tr></table>';
-    const holding_records = { "99118400923506421": { "22105449840006421": { "on_reserve": "N", "location": "stacks", "label": "Firestone Library (F)", "status_label": "Some items not available", "more_items": false, "holding_type": "physical", "id": "22105449840006421" } } };
-    const u = new updater;
+    const holding_records = {
+      '99118400923506421': {
+        '22105449840006421': {
+          on_reserve: 'N',
+          location: 'stacks',
+          label: 'Firestone Library (F)',
+          status_label: 'Some items not available',
+          more_items: false,
+          holding_type: 'physical',
+          id: '22105449840006421',
+        },
+      },
+    };
+    const u = new updater();
     u.id = '99118400923506421';
     u.process_single(holding_records);
 
@@ -237,11 +288,23 @@ describe('AvailabilityUpdater', function () {
       '<span class="availability-icon"></span>' +
       '</td>' +
       '</tr></table>';
-    const holding_records = { "9965126093506421": { "22202918790006421": { "on_reserve": "N", "location": "firestone$stacks", "label": "Stacks", "status_label": "Unavailable", "cdl": true, "holding_type": "physical", "id": "22202918790006421" } } };
+    const holding_records = {
+      '9965126093506421': {
+        '22202918790006421': {
+          on_reserve: 'N',
+          location: 'firestone$stacks',
+          label: 'Stacks',
+          status_label: 'Unavailable',
+          cdl: true,
+          holding_type: 'physical',
+          id: '22202918790006421',
+        },
+      },
+    };
 
     const spy = jest.spyOn(orangelight_online_link, 'insert_online_link');
 
-    const u = new updater;
+    const u = new updater();
     u.id = '9965126093506421';
     u.process_single(holding_records);
 
@@ -259,15 +322,16 @@ describe('AvailabilityUpdater', function () {
       '</td>' +
       '</tr></table>';
 
-    const u = new updater;
+    const u = new updater();
     u.id = '9965126093506421';
     u.update_availability_undetermined();
 
-    expect(document.body.innerHTML).toContain("Undetermined");
+    expect(document.body.innerHTML).toContain('Undetermined');
   });
 
   test('when a record has temporary and permanent locations we display the status for both', () => {
-    document.body.innerHTML = '<table>' +
+    document.body.innerHTML =
+      '<table>' +
       '  <tbody>' +
       '    <tr class="holding-block">' +
       '      <td class="library-location" data-holding-id="22732100160006421">' +
@@ -283,7 +347,8 @@ describe('AvailabilityUpdater', function () {
       '        <span class="availability-icon" title=""></span>' +
       '      </td>' +
       '      <td class="location-services service-conditional" data-open="true" data-requestable="true" data-aeon="false" data-holding-id="22732100160006421">' +
-      '        <a title="View Options to Request copies from this Location" class="request btn btn-xs btn-primary"' + 'href="/requests/9972879153506421?mfhd=22732100160006421">Request</a>' +
+      '        <a title="View Options to Request copies from this Location" class="request btn btn-xs btn-primary"' +
+      'href="/requests/9972879153506421?mfhd=22732100160006421">Request</a>' +
       '      </td>' +
       '      <td class="holding-details">' +
       '        <ul class="item-status" data-record-id="9972879153506421" data-holding-id="22732100160006421"></ul>' +
@@ -313,30 +378,30 @@ describe('AvailabilityUpdater', function () {
       '</table>';
 
     const availability_response = {
-      "9972879153506421": {
-        "lewis$resterm": {
-          "on_reserve": "N",
-          "location": "lewis$resterm",
-          "label": "Lewis Library - Term Loan Reserves",
-          "status_label": "Available",
-          "copy_number": null,
-          "cdl": false,
-          "temp_location": true,
-          "id": "lewis$resterm"
+      '9972879153506421': {
+        lewis$resterm: {
+          on_reserve: 'N',
+          location: 'lewis$resterm',
+          label: 'Lewis Library - Term Loan Reserves',
+          status_label: 'Available',
+          copy_number: null,
+          cdl: false,
+          temp_location: true,
+          id: 'lewis$resterm',
         },
-        "22732100160006421": {
-          "on_reserve": "N",
-          "location": "engineer$stacks",
-          "label": "Engineering Library - Stacks",
-          "status_label": "Available",
-          "copy_number": null,
-          "cdl": false,
-          "temp_location": false,
-          "id": "22732100160006421"
-        }
-      }
+        '22732100160006421': {
+          on_reserve: 'N',
+          location: 'engineer$stacks',
+          label: 'Engineering Library - Stacks',
+          status_label: 'Available',
+          copy_number: null,
+          cdl: false,
+          temp_location: false,
+          id: '22732100160006421',
+        },
+      },
     };
-    const u = new updater;
+    const u = new updater();
     u.id = '9972879153506421';
     u.process_single(availability_response);
 
@@ -345,7 +410,8 @@ describe('AvailabilityUpdater', function () {
     expect(badge.classList.values()).toContain('badge-success');
     expect(badge.textContent).toEqual('Available');
 
-    const badge_second = document.getElementsByClassName('availability-icon')[1];
+    const badge_second =
+      document.getElementsByClassName('availability-icon')[1];
     expect(badge_second.classList.values()).toContain('badge');
     expect(badge_second.classList.values()).toContain('badge-success');
     expect(badge_second.textContent).toEqual('Available');
@@ -358,11 +424,23 @@ describe('AvailabilityUpdater', function () {
       '<span class="availability-icon"></span>' +
       '</td>' +
       '</tr></table>';
-    const holding_records = { "9965126093506421": { "22202918790006421": { "on_reserve": "N", "location": "firestone$stacks", "label": "Stacks", "status_label": "Unavailable", "cdl": false, "holding_type": "physical", "id": "22202918790006421" } } };
+    const holding_records = {
+      '9965126093506421': {
+        '22202918790006421': {
+          on_reserve: 'N',
+          location: 'firestone$stacks',
+          label: 'Stacks',
+          status_label: 'Unavailable',
+          cdl: false,
+          holding_type: 'physical',
+          id: '22202918790006421',
+        },
+      },
+    };
 
     const spy = jest.spyOn(orangelight_online_link, 'insert_online_link');
 
-    const u = new updater;
+    const u = new updater();
     u.id = '9965126093506421';
     u.process_single(holding_records);
 
@@ -378,14 +456,25 @@ describe('AvailabilityUpdater', function () {
       '</td>' +
       '</tr></table>';
     const holding_records = {
-      "9929455793506421": {},
-      "99124994093506421": { "22488152160006421": { "on_reserve": "N", "location": "recap$pa", "label": "ReCAP - ReCAP - rcppa RECAP", "status_label": "Available", "copy_number": null, "cdl": false, "temp_location": false, "id": "22488152160006421" } }
+      '9929455793506421': {},
+      '99124994093506421': {
+        '22488152160006421': {
+          on_reserve: 'N',
+          location: 'recap$pa',
+          label: 'ReCAP - ReCAP - rcppa RECAP',
+          status_label: 'Available',
+          copy_number: null,
+          cdl: false,
+          temp_location: false,
+          id: '22488152160006421',
+        },
+      },
     };
 
-    const u = new updater;
+    const u = new updater();
     u.id = '9929455793506421'; // constituent record
-    u.host_id = ["99124994093506421"]; // host mms_id
-    u.mms_id = u.host_id[0]; // 
+    u.host_id = ['99124994093506421']; // host mms_id
+    u.mms_id = u.host_id[0]; //
 
     const update_single = jest.spyOn(u, 'update_single');
     u.process_single(holding_records);
@@ -395,7 +484,6 @@ describe('AvailabilityUpdater', function () {
     update_single.mockRestore();
   });
 
-
   test('record search results page for a bound-with record', () => {
     // Notice the data-bound-with="true"
     document.body.innerHTML =
@@ -404,29 +492,33 @@ describe('AvailabilityUpdater', function () {
       '<span class="availability-icon"></span>' +
       '</td>' +
       '</tr></table>';
-    const holding_records =
-    {
-      "22488152160006421": {
-        "on_reserve": "N",
-        "location": "recap$pa",
-        "label": "ReCAP - Remote Storage",
-        "status_label": "Available",
-        "copy_number": null,
-        "cdl": false,
-        "temp_location": false,
-        "id": "22488152160006421"
-      }
+    const holding_records = {
+      '22488152160006421': {
+        on_reserve: 'N',
+        location: 'recap$pa',
+        label: 'ReCAP - Remote Storage',
+        status_label: 'Available',
+        copy_number: null,
+        cdl: false,
+        temp_location: false,
+        id: '22488152160006421',
+      },
     };
-    const holding_badge = $("*[data-availability-record='true'][data-record-id='9929455793506421'][data-bound-with='true'] span.availability-icon")[0];
+    const holding_badge = $(
+      "*[data-availability-record='true'][data-record-id='9929455793506421'][data-bound-with='true'] span.availability-icon"
+    )[0];
 
-    const u = new updater;
-    u.process_result("9929455793506421", holding_records);
+    const u = new updater();
+    u.process_result('9929455793506421', holding_records);
 
-    expect(holding_badge.textContent).toContain('View record for Full Availability');
+    expect(holding_badge.textContent).toContain(
+      'View record for Full Availability'
+    );
   });
 
   test('extra Online availability added for CDL records that are reported as unavailable', () => {
-    document.body.innerHTML = '<ul>' +
+    document.body.innerHTML =
+      '<ul>' +
       '  <li data-availability-record="true" data-record-id="9965126093506421" data-holding-id="22202918790006421" data-aeon="false">' +
       '    <span class="availability-icon"></span>' +
       '    <div class="library-location" data-location="true" data-record-id="9965126093506421" data-holding-id="22202918790006421">' +
@@ -448,25 +540,28 @@ describe('AvailabilityUpdater', function () {
       '</ul>';
 
     const availability_response = {
-      "9965126093506421": {
-        "22202918790006421": {
-          "on_reserve": "N",
-          "location": "firestone$stacks",
-          "label": "Firestone Library - Stacks",
-          "status_label": "Unavailable",
-          "copy_number": null,
-          "cdl": true,
-          "temp_location": false,
-          "id": "22202918790006421"
-        }
-      }
+      '9965126093506421': {
+        '22202918790006421': {
+          on_reserve: 'N',
+          location: 'firestone$stacks',
+          label: 'Firestone Library - Stacks',
+          status_label: 'Unavailable',
+          copy_number: null,
+          cdl: true,
+          temp_location: false,
+          id: '22202918790006421',
+        },
+      },
     };
-    const holding_data = availability_response["9965126093506421"]["22202918790006421"];
+    const holding_data =
+      availability_response['9965126093506421']['22202918790006421'];
 
     const cdl_element = $("*[data-availability-cdl='true']")[0];
-    const av_element = $(`*[data-availability-record='true'][data-record-id='9965126093506421'][data-holding-id='22202918790006421'] .availability-icon`);
+    const av_element = $(
+      `*[data-availability-record='true'][data-record-id='9965126093506421'][data-holding-id='22202918790006421'] .availability-icon`
+    );
 
-    const u = new updater;
+    const u = new updater();
     u.id = '9965126093506421';
 
     expect(cdl_element.textContent).not.toContain('Online');
@@ -475,7 +570,8 @@ describe('AvailabilityUpdater', function () {
   });
 
   test('in the Show page we display Online instead of Unavailable for CDL records', () => {
-    document.body.innerHTML = '<table><tbody>' +
+    document.body.innerHTML =
+      '<table><tbody>' +
       '<tr class="holding-block">' +
       '  <td class="library-location" data-holding-id="22745424290006421">' +
       '    <span class="location-text" data-location="true" data-holding-id="22745424290006421">Firestone Library - Firestone Library</span>' +
@@ -506,24 +602,27 @@ describe('AvailabilityUpdater', function () {
       '</tbody></table>';
 
     const availability_response = {
-      "9999490563506421": {
-        "22745424290006421": {
-          "on_reserve": "N",
-          "location": "firestone$stacks",
-          "label": "Firestone Library - Firestone Library",
-          "status_label": "Unavailable",
-          "copy_number": null,
-          "cdl": true,
-          "temp_location": false,
-          "id": "22745424290006421"
-        }
-      }
+      '9999490563506421': {
+        '22745424290006421': {
+          on_reserve: 'N',
+          location: 'firestone$stacks',
+          label: 'Firestone Library - Firestone Library',
+          status_label: 'Unavailable',
+          copy_number: null,
+          cdl: true,
+          temp_location: false,
+          id: '22745424290006421',
+        },
+      },
     };
 
-    const holding_data = availability_response["9999490563506421"]["22745424290006421"];
+    const holding_data =
+      availability_response['9999490563506421']['22745424290006421'];
 
-    const av_element = $(`*[data-availability-record='true'][data-record-id='9999490563506421'][data-holding-id='22745424290006421'] .availability-icon`);
-    const u = new updater;
+    const av_element = $(
+      `*[data-availability-record='true'][data-record-id='9999490563506421'][data-holding-id='22745424290006421'] .availability-icon`
+    );
+    const u = new updater();
     u.id = '9999490563506421';
 
     expect(av_element[0].textContent).not.toContain('Online');
@@ -532,7 +631,8 @@ describe('AvailabilityUpdater', function () {
   });
 
   test('special case for Marquand locations - marquand$stacks,marquand$pj,marquand$ref,marquand$ph,marquand$fesrf - items to display status: Ask Staff', () => {
-    document.body.innerHTML = '<table class="availability-table">' +
+    document.body.innerHTML =
+      '<table class="availability-table">' +
       '<tbody>' +
       '  <tr class="holding-block">' +
       '    <td class="library-location" data-holding-id="22642015240006421">' +
@@ -553,29 +653,41 @@ describe('AvailabilityUpdater', function () {
       '</table>';
 
     const availability_response = {
-      "99124187703506421": {
-        "22642015240006421": {
-          "on_reserve": "N",
-          "location": "marquand$pj",
-          "label": "Marquand Library - Remote Storage (ReCAP): Marquand Library Use Only",
-          "status_label": "Unavailable",
-          "copy_number": null,
-          "cdl": false,
-          "temp_location": false,
-          "id": "22642015240006421"
-        }
-      }
+      '99124187703506421': {
+        '22642015240006421': {
+          on_reserve: 'N',
+          location: 'marquand$pj',
+          label:
+            'Marquand Library - Remote Storage (ReCAP): Marquand Library Use Only',
+          status_label: 'Unavailable',
+          copy_number: null,
+          cdl: false,
+          temp_location: false,
+          id: '22642015240006421',
+        },
+      },
     };
-    const holding_data = availability_response["99124187703506421"]["22642015240006421"];
-    const av_element = $(`*[data-availability-record='true'][data-record-id='99124187703506421'][data-holding-id='22642015240006421'] .availability-icon`);
+    const holding_data =
+      availability_response['99124187703506421']['22642015240006421'];
+    const av_element = $(
+      `*[data-availability-record='true'][data-record-id='99124187703506421'][data-holding-id='22642015240006421'] .availability-icon`
+    );
 
-    const u = new updater;
+    const u = new updater();
     u.id = '99124187703506421';
     expect(av_element[0].textContent).not.toContain('Ask Staff');
     u.apply_availability_label(av_element, holding_data, false);
     expect(av_element[0].textContent).toContain('Ask Staff');
-    expect(document.querySelector('.holding-status[data-holding-id="22642015240006421"] > .badge-secondary')).toBeTruthy();
-    expect(document.querySelector('.holding-status[data-holding-id="22642015240006421"] > .badge-danger')).toBeFalsy();
+    expect(
+      document.querySelector(
+        '.holding-status[data-holding-id="22642015240006421"] > .badge-secondary'
+      )
+    ).toBeTruthy();
+    expect(
+      document.querySelector(
+        '.holding-status[data-holding-id="22642015240006421"] > .badge-danger'
+      )
+    ).toBeFalsy();
   });
 
   test('location RES_SHARE$IN_RS_REQ has status Unavailable in red', () => {
@@ -584,31 +696,46 @@ describe('AvailabilityUpdater', function () {
       '<td class="holding-status" data-availability-record="true" data-record-id="99118399983506421" data-holding-id="RES_SHARE$IN_RS_REQ" data-aeon="false">' +
       '  <span class="availability-icon" title="">Available</span>' +
       '</td>';
-    '<tr><table>';
+    ('<tr><table>');
     const res_share_response = {
-      "99118399983506421": {
-        "RES_SHARE$IN_RS_REQ": {
-          "on_reserve": "N",
-          "location": "RES_SHARE$IN_RS_REQ",
-          "label": "Resource Sharing Library - Lending Resource Sharing Requests",
-          "status_label": "Unavailable",
-          "copy_number": null,
-          "cdl": false,
-          "temp_location": true,
-          "id": "RES_SHARE$IN_RS_REQ"
-        }
-      }
+      '99118399983506421': {
+        RES_SHARE$IN_RS_REQ: {
+          on_reserve: 'N',
+          location: 'RES_SHARE$IN_RS_REQ',
+          label: 'Resource Sharing Library - Lending Resource Sharing Requests',
+          status_label: 'Unavailable',
+          copy_number: null,
+          cdl: false,
+          temp_location: true,
+          id: 'RES_SHARE$IN_RS_REQ',
+        },
+      },
     };
-    const u = new updater;
+    const u = new updater();
     u.id = '99118399983506421';
-    const element = $(`*[data-availability-record='true'][data-record-id='99118399983506421'][data-holding-id='RES_SHARE$IN_RS_REQ'] .availability-icon`);
-    const holding_data = res_share_response["99118399983506421"]["RES_SHARE$IN_RS_REQ"];
+    const element = $(
+      `*[data-availability-record='true'][data-record-id='99118399983506421'][data-holding-id='RES_SHARE$IN_RS_REQ'] .availability-icon`
+    );
+    const holding_data =
+      res_share_response['99118399983506421']['RES_SHARE$IN_RS_REQ'];
     expect(element[0].textContent).not.toContain('Unavailable');
     u.apply_availability_label(element, holding_data, false);
     expect(element[0].textContent).toContain('Unavailable');
-    expect(document.querySelector('.holding-status[data-holding-id="RES_SHARE$IN_RS_REQ"] > .badge-secondary')).toBeFalsy();
-    expect(document.querySelector('.holding-status[data-holding-id="RES_SHARE$IN_RS_REQ"] > .badge-primary')).toBeFalsy();
-    expect(document.querySelector('.holding-status[data-holding-id="RES_SHARE$IN_RS_REQ"] > .badge-danger')).toBeTruthy();
+    expect(
+      document.querySelector(
+        '.holding-status[data-holding-id="RES_SHARE$IN_RS_REQ"] > .badge-secondary'
+      )
+    ).toBeFalsy();
+    expect(
+      document.querySelector(
+        '.holding-status[data-holding-id="RES_SHARE$IN_RS_REQ"] > .badge-primary'
+      )
+    ).toBeFalsy();
+    expect(
+      document.querySelector(
+        '.holding-status[data-holding-id="RES_SHARE$IN_RS_REQ"] > .badge-danger'
+      )
+    ).toBeTruthy();
   });
 
   // TODO: This method isn't covered by the feature tests
@@ -626,7 +753,7 @@ describe('AvailabilityUpdater', function () {
       '    </div>' +
       '  </div>' +
       '</article>';
-    const u = new updater;
+    const u = new updater();
     expect(u.scsb_barcodes()).toEqual(['33433038233809']);
   });
 
@@ -660,7 +787,7 @@ describe('AvailabilityUpdater', function () {
       '</div>' +
       '</article>' +
       '</div>';
-    const u = new updater;
+    const u = new updater();
     expect(u.record_ids()).toEqual(['10585552', '7058493']);
   });
 
@@ -674,18 +801,22 @@ describe('AvailabilityUpdater', function () {
       '  <tr>' +
       '  </tr>' +
       '</table></tbody>';
-    const u = new updater;
+    const u = new updater();
     expect(u.record_ids()).toEqual(['2939035', '3821268']);
   });
 
   test('account for bound-with records when building URL to request availability', () => {
-    const u = new updater;
+    const u = new updater();
     u.bibdata_base_url = 'http://mock_url';
     u.id = '9965126093506421';
-    expect(u.availability_url_show()).toEqual('http://mock_url/bibliographic/availability.json?deep=true&bib_ids=9965126093506421');
+    expect(u.availability_url_show()).toEqual(
+      'http://mock_url/bibliographic/availability.json?deep=true&bib_ids=9965126093506421'
+    );
 
     u.host_id = '9900126093506421';
-    expect(u.availability_url_show()).toEqual('http://mock_url/bibliographic/availability.json?deep=true&bib_ids=9965126093506421,9900126093506421');
+    expect(u.availability_url_show()).toEqual(
+      'http://mock_url/bibliographic/availability.json?deep=true&bib_ids=9965126093506421,9900126093506421'
+    );
   });
   test('Temporary location - RES_SHARE$IN_RS_REQ - has a Request button', () => {
     document.body.innerHTML =
@@ -696,30 +827,47 @@ describe('AvailabilityUpdater', function () {
       '<td class="location-services service-conditional" data-open="true" data-requestable="true" data-aeon="false" data-holding-id="22936525030006421">' +
       '<a title="View Options to Request copies from this Location" class="request btn btn-xs btn-primary" href="/requests/99118399983506421?mfhd=22555936970006421">Request</a>' +
       '</td>';
-    '<tr><table>';
+    ('<tr><table>');
     const res_share_response = {
-      "99118399983506421": {
-        "RES_SHARE$IN_RS_REQ": {
-          "on_reserve": "N",
-          "location": "RES_SHARE$IN_RS_REQ",
-          "label": "Resource Sharing Library - Lending Resource Sharing Requests",
-          "status_label": "Unavailable",
-          "copy_number": null,
-          "cdl": false,
-          "temp_location": true,
-          "id": "RES_SHARE$IN_RS_REQ"
-        }
-      }
+      '99118399983506421': {
+        RES_SHARE$IN_RS_REQ: {
+          on_reserve: 'N',
+          location: 'RES_SHARE$IN_RS_REQ',
+          label: 'Resource Sharing Library - Lending Resource Sharing Requests',
+          status_label: 'Unavailable',
+          copy_number: null,
+          cdl: false,
+          temp_location: true,
+          id: 'RES_SHARE$IN_RS_REQ',
+        },
+      },
     };
-    const u = new updater;
+    const u = new updater();
     u.id = '99118399983506421';
-    const element = $(`*[data-availability-record='true'][data-record-id='99118399983506421'][data-temp-location-code='RES_SHARE$IN_RS_REQ'] .availability-icon`);
-    const holding_data = res_share_response["99118399983506421"]["RES_SHARE$IN_RS_REQ"];
+    const element = $(
+      `*[data-availability-record='true'][data-record-id='99118399983506421'][data-temp-location-code='RES_SHARE$IN_RS_REQ'] .availability-icon`
+    );
+    const holding_data =
+      res_share_response['99118399983506421']['RES_SHARE$IN_RS_REQ'];
     u.apply_availability_label(element, holding_data, false);
     u.update_single(res_share_response, u.id);
-    expect(document.querySelector('.location-services.service-conditional[data-holding-id="22936525030006421"] > .btn.btn-xs.btn-primary').style.display).not.toBe('none');
-    expect(document.querySelector('.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"]').getAttribute('data-temp-location-code')).toBe("RES_SHARE$IN_RS_REQ");
-    expect(document.querySelector('.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"] span').textContent).toBe("Unavailable");
+    expect(
+      document.querySelector(
+        '.location-services.service-conditional[data-holding-id="22936525030006421"] > .btn.btn-xs.btn-primary'
+      ).style.display
+    ).not.toBe('none');
+    expect(
+      document
+        .querySelector(
+          '.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"]'
+        )
+        .getAttribute('data-temp-location-code')
+    ).toBe('RES_SHARE$IN_RS_REQ');
+    expect(
+      document.querySelector(
+        '.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"] span'
+      ).textContent
+    ).toBe('Unavailable');
   });
 
   test('Reshare holdings availability badge loads correctly', () => {
@@ -742,26 +890,39 @@ describe('AvailabilityUpdater', function () {
       '  </li>' +
       '</ul>';
     const res_share_response = {
-      "99125535710106421": {
-        "RES_SHARE$IN_RS_REQ": {
-          "on_reserve": "N",
-          "location": "RES_SHARE$IN_RS_REQ",
-          "label": "Resource Sharing Library - Lending Resource Sharing Requests",
-          "status_label": "Unavailable"
-          , "copy_number": null,
-          "cdl": false,
-          "temp_location": true,
-          "id": "RES_SHARE$IN_RS_REQ"
-        }
-      }
+      '99125535710106421': {
+        RES_SHARE$IN_RS_REQ: {
+          on_reserve: 'N',
+          location: 'RES_SHARE$IN_RS_REQ',
+          label: 'Resource Sharing Library - Lending Resource Sharing Requests',
+          status_label: 'Unavailable',
+          copy_number: null,
+          cdl: false,
+          temp_location: true,
+          id: 'RES_SHARE$IN_RS_REQ',
+        },
+      },
     };
-    const u = new updater;
+    const u = new updater();
     u.id = '99125535710106421';
-    const element = $(`*[data-availability-record='true'][data-record-id='99125535710106421'][data-temp-location-code='RES_SHARE$IN_RS_REQ'] .availability-icon`);
-    const holding_data = res_share_response["99125535710106421"]["RES_SHARE$IN_RS_REQ"];
+    const element = $(
+      `*[data-availability-record='true'][data-record-id='99125535710106421'][data-temp-location-code='RES_SHARE$IN_RS_REQ'] .availability-icon`
+    );
+    const holding_data =
+      res_share_response['99125535710106421']['RES_SHARE$IN_RS_REQ'];
     u.apply_availability_label(element, holding_data, false);
     u.process_result(u.id, res_share_response['99125535710106421']);
-    expect(document.querySelector('.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"]').getAttribute('data-temp-location-code')).toBe('RES_SHARE$IN_RS_REQ');
-    expect(document.querySelector('.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"] span').textContent).toBe('Unavailable');
+    expect(
+      document
+        .querySelector(
+          '.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"]'
+        )
+        .getAttribute('data-temp-location-code')
+    ).toBe('RES_SHARE$IN_RS_REQ');
+    expect(
+      document.querySelector(
+        '.holding-status[data-temp-location-code="RES_SHARE$IN_RS_REQ"] span'
+      ).textContent
+    ).toBe('Unavailable');
   });
 });
diff --git a/spec/requests/request_spec.rb b/spec/requests/request_spec.rb
index a89fa4aca..061d0430e 100644
--- a/spec/requests/request_spec.rb
+++ b/spec/requests/request_spec.rb
@@ -103,7 +103,7 @@
     end
     it 'does not provide a find it link for online holdings' do
       get '/catalog/9990889283506421'
-      expect(response.body.include?('[Where to Find it]')).to eq false
+      expect(response.body.include?('[Where to find it]')).to eq false
     end
   end