diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 09e277f6..fd960e0a 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -102,7 +102,7 @@
     white-space: nowrap;
   }
 
-  .notification-inline-end {
+  .notification-right {
     flex: 1;
     padding-inline-start: 0.8em;
     min-inline-size: 0;
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 30004483..d18ee3da 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -230,7 +230,7 @@
       />
       <div
         ref="bottom"
-        class="form-block-end"
+        class="form-bottom"
       >
         <div class="form-bottom-left">
           <media-upload
@@ -349,7 +349,7 @@
     margin-block-end: 0.5em;
   }
 
-  .form-block-end {
+  .form-bottom {
     display: flex;
     justify-content: space-between;
     padding: 0.5em;
@@ -366,7 +366,7 @@
     }
   }
 
-  .form-block-end-left {
+  .form-bottom-left {
     display: flex;
     flex: 1;
     padding-inline-end: 7px;
diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 8f38e65c..af44cdf9 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -133,7 +133,7 @@
     flex: 1 1 0;
   }
 
-  .heading-inline-start {
+  .heading-left {
     display: flex;
     min-inline-size: 0;
     flex-wrap: wrap;
@@ -147,7 +147,7 @@
     }
   }
 
-  .heading-inline-end {
+  .heading-right {
     display: flex;
     flex-shrink: 0;