diff --git a/components.d.ts b/components.d.ts
index 04466e4..389a981 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -7,10 +7,12 @@ declare module 'vue' {
     AButton: typeof import('ant-design-vue/es')['Button'];
     ACard: typeof import('ant-design-vue/es')['Card'];
     AInputNumber: typeof import('ant-design-vue/es')['InputNumber'];
+    ALayout: typeof import('ant-design-vue/es')['Layout'];
+    ALayoutContent: typeof import('ant-design-vue/es')['LayoutContent'];
+    AModal: typeof import('ant-design-vue/es')['Modal'];
     ArithProblemListItem: typeof import('./src/components/ArithProblemListItem.vue')['default'];
     ArithProblemsCard: typeof import('./src/components/ArithProblemsCard.vue')['default'];
     ASpace: typeof import('ant-design-vue/es')['Space'];
-    ClockCircleOutlined: typeof import('@ant-design/icons-vue')['ClockCircleOutlined'];
     TimeCounter: typeof import('./src/components/TimeCounter.vue')['default'];
   }
 }
diff --git a/src/components/ArithProblemsCard.vue b/src/components/ArithProblemsCard.vue
index 8c48f86..98a0ffc 100644
--- a/src/components/ArithProblemsCard.vue
+++ b/src/components/ArithProblemsCard.vue
@@ -9,10 +9,11 @@
       direction="vertical"
     >
       <a-space size="large">
-        <span>Please input the number of problems:</span>
+        <span class="text-lg whitespace-nowrap">Please input the number of problems:</span>
         <a-input-number
           id="problemsCount"
           v-model:value="problems.count"
+          class="text-lg"
           :min="1"
         />
         <a-button @click="generateProblems">
diff --git a/src/components/TimeCounter.vue b/src/components/TimeCounter.vue
index e0b37b9..1358b14 100644
--- a/src/components/TimeCounter.vue
+++ b/src/components/TimeCounter.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="text-gray-500">Timer: {{ currentTime() }}</span>
+  <span class="text-gray-500 whitespace-nowrap">Timer: {{ currentTime() }}</span>
 </template>
 
 <script setup lang="ts">