diff --git a/src/app/weak-supervision/components/weak-supervision/weak-supervision.component.html b/src/app/weak-supervision/components/weak-supervision/weak-supervision.component.html
index 786f4ea1..9e67bf3f 100644
--- a/src/app/weak-supervision/components/weak-supervision/weak-supervision.component.html
+++ b/src/app/weak-supervision/components/weak-supervision/weak-supervision.component.html
@@ -384,7 +384,7 @@ <h1 class="text-lg text-gray-900 mb-2 text-center">Last Weak
                 <input type="checkbox" id="zero-shot-modal" class="modal-toggle">
 
                 <div class="modal">
-                    <div class="modal-box text-black bg-white justify-center">
+                    <div class="modal-box text-black bg-white justify-center max-w-4/5 min-w-1/2" style="width: fit-content">
                         <h1 class="text-lg text-gray-900 mb-2 text-center mb-4">Add new zero shot classification</h1>
 
                         <div *ngIf="attributes && labelingTasksClassification"
diff --git a/tailwind.config.js b/tailwind.config.js
index b74a8e4c..c68c2101 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -114,6 +114,10 @@ module.exports = {
       "xxs": "9rem",
       "xs-1": "250px",
       ...defaultTheme.maxWidth,
+      "4/5": "80%"
+    },
+    minWidth: {
+      "1/2": "50%"
     },
     lineHeight: {
       '12': '3rem',