diff --git a/src/components/CanvasComponent.vue b/src/components/CanvasComponent.vue
index 29ce301c..73f57b29 100644
--- a/src/components/CanvasComponent.vue
+++ b/src/components/CanvasComponent.vue
@@ -35,7 +35,7 @@ onMounted(() => {
 });
 </script>
 <template>
-  <div class="surface-1 bordered rounded">
+  <div class="surface-1 bordered rounded full-width">
     <q-tabs
       v-model="tab"
       dense
@@ -49,7 +49,7 @@ onMounted(() => {
         label="Draw"
         style="border-top-left-radius: var(--radius-2)"
       />
-      <q-tab name="upload" label="Upload" />
+      <q-tab disable name="upload" label="Upload" />
     </q-tabs>
     <q-separator />
 
@@ -104,7 +104,7 @@ onMounted(() => {
             class="signature-canvas"
             ref="canvasRef"
             id="signature-pad"
-            width="650"
+            width="700"
             height="300"
           ></canvas>
         </div>