diff --git a/app/components/publish/PublishWidget.vue b/app/components/publish/PublishWidget.vue
index 79549410c6..9f9ca3c006 100644
--- a/app/components/publish/PublishWidget.vue
+++ b/app/components/publish/PublishWidget.vue
@@ -587,17 +587,17 @@ const detectLanguage = useDebounceFn(async () => {
                 {{ $t('action.remove_quote') }}
               </button>
             </div>
-            <blockquote v-if="quotedStatus" b="~ base 1" rounded-lg overflow-hidden my-3>
+            <blockquote v-if="quotedStatus" border="~ base 1" rounded-lg overflow-hidden my-3>
               <StatusCard
                 :status="quotedStatus"
                 :actions="false"
                 :is-nested="true"
               />
             </blockquote>
-            <div v-else-if="quoteFetchError" text-danger b="base 1" rounded-lg hover:bg-active my-3 p-3>
+            <div v-else-if="quoteFetchError" text-danger border="base 1" rounded-lg hover:bg-active my-3 p-3>
               {{ $t('error.quote_fetch_error') }} ({{ quoteFetchError }})
             </div>
-            <StatusCardSkeleton v-else b="base 1" rounded-lg hover:bg-active my-3 />
+            <StatusCardSkeleton v-else border="base 1" rounded-lg hover:bg-active my-3 />
           </template>
 
           <!-- toolbar -->
diff --git a/app/components/status/StatusQuote.vue b/app/components/status/StatusQuote.vue
index 6cf9212ec4..bd1a1ff894 100644
--- a/app/components/status/StatusQuote.vue
+++ b/app/components/status/StatusQuote.vue
@@ -51,43 +51,43 @@ const quotedStatus = computed(() => {
     <template v-if="isNested && quoteState">
       <div
         v-if="quoteState === 'pending'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post pending for approval by author
       </div>
       <div
         v-else-if="quoteState === 'revoked'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post removed by author
       </div>
       <div
         v-else-if="quoteState === 'blocked_account'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post by blocked author
       </div>
       <div
         v-else-if="quoteState === 'blocked_domain'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post from blocked server
       </div>
       <div
         v-else-if="quoteState === 'muted_account'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post by muted author
       </div>
       <div
         v-else-if="quoteState === 'deleted' || quoteState === 'rejected' || quoteState === 'unauthorized'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post is unavailable
       </div>
       <div
         v-else-if="quoteState === 'accepted'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post by
         <AccountInlineInfo :account="quotedStatus.account" :link="false" mx-1 />
@@ -96,19 +96,19 @@ const quotedStatus = computed(() => {
     <template v-else>
       <div
         v-if="quoteState === 'pending'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post pending for approval by author
       </div>
       <div
         v-else-if="quoteState === 'revoked'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post removed by author
       </div>
       <div
         v-else-if="quoteState === 'deleted' || quoteState === 'rejected' || quoteState === 'unauthorized'"
-        flex b="~ 1" rounded-lg bg-card mt-3 p-3
+        flex border="~ 1" rounded-lg bg-card mt-3 p-3
       >
         Post is unavailable
       </div>
@@ -120,7 +120,7 @@ const quotedStatus = computed(() => {
           :status="quotedStatus"
           :actions="false"
           :is-nested="true"
-          b="base 1" rounded-lg hover:bg-active my-3
+          border="base 1" rounded-lg hover:bg-active my-3
         />
       </blockquote>
     </template>