diff --git a/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.jsx b/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.jsx
index 36599df49..b73912d3e 100644
--- a/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.jsx
+++ b/client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.jsx
@@ -76,9 +76,11 @@ export function ScheduleCalendarHeaderComponent({ bodyshop, label, refetch, date
             ))
           ) : (
             <tr>
-              <BlurWrapperComponent featureName="smartscheduling">
-                <td style={{ padding: "2.5px" }}>{t("appointments.labels.nocompletingjobs")}</td>
-              </BlurWrapperComponent>
+              <td style={{ padding: "2.5px" }}>
+                <BlurWrapperComponent featureName="smartscheduling">
+                  <span>{t("appointments.labels.nocompletingjobs")}</span>
+                </BlurWrapperComponent>
+              </td>
             </tr>
           )}
         </tbody>
@@ -120,9 +122,11 @@ export function ScheduleCalendarHeaderComponent({ bodyshop, label, refetch, date
             ))
           ) : (
             <tr>
-              <BlurWrapperComponent featureName="smartscheduling">
-                <td style={{ padding: "2.5px" }}>{t("appointments.labels.noarrivingjobs")}</td>
-              </BlurWrapperComponent>
+              <td style={{ padding: "2.5px" }}>
+                <BlurWrapperComponent featureName="smartscheduling">
+                  <span>{t("appointments.labels.noarrivingjobs")}</span>
+                </BlurWrapperComponent>
+              </td>
             </tr>
           )}
           {!hasSmartSchedulingAccess && (