diff --git a/frontend/src/views/setting/license-required/index.vue b/frontend/src/views/setting/license-required/index.vue
index af93dd3f3..e2456b3b7 100644
--- a/frontend/src/views/setting/license-required/index.vue
+++ b/frontend/src/views/setting/license-required/index.vue
@@ -16,7 +16,7 @@
             >
                 {{ $t('license.restoreCommunity') }}
             </el-button>
-            <div class="grid grid-cols-1 md:grid-cols-2 items-stretch w-full">
+            <div class="grid items-stretch w-full" :style="licenseGridStyle">
                 <div v-if="showLogo" class="flex justify-center" :style="{ height: containerHeight }">
                     <img
                         v-show="imgLoaded"
@@ -172,10 +172,13 @@ const containerWidth = computed(() => `${FIXED_WIDTH}px`);
 const containerHeight = computed(() => `${FIXED_HEIGHT}px`);
 const width = ref(window.innerWidth);
 const showLogo = computed(() => width.value >= FIXED_WIDTH);
+const licenseGridStyle = computed(() => ({
+    gridTemplateColumns: showLogo.value ? 'repeat(2, minmax(0, 1fr))' : 'minmax(0, 1fr)',
+}));
 const licenseFormClass = computed(() => {
     return showLogo.value
-        ? 'hidden md:flex items-center justify-center p-4'
-        : 'flex items-center justify-center p-4 w-full';
+        ? 'flex items-center justify-center p-4 min-w-0'
+        : 'flex items-center justify-center p-4 w-full min-w-0';
 });
 
 const updateSize = () => {