diff --git a/client/scss/components/_footer.scss b/client/scss/components/_footer.scss
index ee67a3d508..a7ba6f3fb5 100644
--- a/client/scss/components/_footer.scss
+++ b/client/scss/components/_footer.scss
@@ -81,7 +81,7 @@
 }
 
 // Footer control bar for performing actions on the page
-.actions {
+.footer .actions {
   width: 100%;
 
   @include media-breakpoint-up(sm) {
@@ -93,18 +93,18 @@
       width: 310px;
     }
   }
+}
 
-  .button {
-    @apply w-leading-none w-inline-flex w-items-center;
-    font-weight: 600;
-    padding: 0 theme('spacing.3');
-    white-space: initial;
+.actions .button {
+  @apply w-leading-none w-inline-flex w-items-center;
+  font-weight: 600;
+  padding: 0 theme('spacing.3');
+  white-space: initial;
 
-    .icon {
-      width: theme('spacing.4');
-      margin-inline-end: theme('spacing.2');
-      flex-shrink: 0;
-    }
+  .icon {
+    width: theme('spacing.4');
+    margin-inline-end: theme('spacing.2');
+    flex-shrink: 0;
   }
 }