diff --git a/admin/src/components/ProjectBranding/ProjectBrandingForm.vue b/admin/src/components/ProjectBranding/ProjectBrandingForm.vue
index 107da6b61..695f8b89f 100644
--- a/admin/src/components/ProjectBranding/ProjectBrandingForm.vue
+++ b/admin/src/components/ProjectBranding/ProjectBrandingForm.vue
@@ -93,7 +93,7 @@ const validationSchema = object({
     .required(),
   description: string().nullable().optional(),
   newUserToSpace: boolean().optional(),
-  logoUrl: string().url('Logo URL must be a valid URL.').nullable().optional(),
+  logoUrl: string().url('Logo URL must be a valid URL.').max(255).nullable().optional(),
 })
 
 function updateField(value, name) {
diff --git a/admin/src/components/ProjectBranding/ProjectBrandingItem.vue b/admin/src/components/ProjectBranding/ProjectBrandingItem.vue
index d52d416ef..172891f71 100644
--- a/admin/src/components/ProjectBranding/ProjectBrandingItem.vue
+++ b/admin/src/components/ProjectBranding/ProjectBrandingItem.vue
@@ -4,7 +4,9 @@
       <BCol cols="3">{{ item.name }}</BCol>
       <BCol cols="2">{{ item.alias }}</BCol>
       <BCol cols="2">{{ item.newUserToSpace }}</BCol>
-      <BCol cols="3"><img :src="item.logoUrl" :alt="item.logoUrl" /></BCol>
+      <BCol cols="3" class="me-2">
+        <img class="img-fluid" :src="item.logoUrl" :alt="item.logoUrl" />
+      </BCol>
       <BCol cols="1">
         <BButton v-b-tooltip.hover variant="danger" :title="$t('delete')" @click.stop="deleteItem">
           <i class="fas fa-trash-alt"></i>