diff --git a/dashboard/src/components/ApiTokens.vue b/dashboard/src/components/ApiTokens.vue
index 2ca014845..43814f68a 100644
--- a/dashboard/src/components/ApiTokens.vue
+++ b/dashboard/src/components/ApiTokens.vue
@@ -165,7 +165,7 @@ onMounted(async () => {
           </div>
           <div v-else>
             <p>{{ $t('profile.createApiToken.description') }}</p>
-            <div style="display: flex; width: 100%; gap: 5px">
+            <div class="copy-container">
               <TextInput v-model="addedToken" readonly/>
               <Button tool @click="onCopyApiTokenToClipboard(addedToken)" icon="fa fa-clipboard" />
             </div>
@@ -205,3 +205,13 @@ onMounted(async () => {
     </Section>
   </div>
 </template>
+
+<style scoped>
+
+.copy-container {
+  display: flex;
+  width: 100%;
+  gap: 5px;
+}
+
+</style>
diff --git a/dashboard/src/components/AppPasswords.vue b/dashboard/src/components/AppPasswords.vue
index 2fdb6e8cd..9ad595e1f 100644
--- a/dashboard/src/components/AppPasswords.vue
+++ b/dashboard/src/components/AppPasswords.vue
@@ -191,7 +191,7 @@ onMounted(async () => {
           </div>
           <div v-else>
             <p>{{ $t('profile.createAppPassword.description') }}</p>
-            <div style="display: flex; width: 100%; gap: 5px">
+            <div class="copy-container">
               <TextInput v-model="addedPassword" readonly/>
               <Button tool @click="onCopyToClipboard(addedPassword)" icon="fa fa-clipboard" />
             </div>
@@ -220,3 +220,13 @@ onMounted(async () => {
     </Section>
   </div>
 </template>
+
+<style scoped>
+
+.copy-container {
+  display: flex;
+  width: 100%;
+  gap: 5px;
+}
+
+</style>