diff --git a/public/index.html b/public/index.html
index bb72244..e78485c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -25,7 +25,7 @@
   <body>
     <div class="container-fluid" id="main">
       <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
           <h2>Tesseract OCR Malayalam</h2>
           <h4 class="text-danger">Please note</h4>
           <ol>
@@ -34,8 +34,8 @@
           </ol>
         </div>
 
-        <div class="col-md-12">
-          <div class="col-md-6 col-sm-12">
+        <div class="col-lg-12">
+          <div class="col-lg-6 col-md-12">
             <div class="form-group">
               <input
                 type="file"
@@ -81,7 +81,7 @@
         </div>
 
         <div class="row w-100">
-          <div class="col-md-6 col-sm-12">
+          <div class="col-lg-6 col-md-12">
             <div>
               <canvas
                 ref="canvas"
@@ -91,7 +91,7 @@
               ></canvas>
             </div>
           </div>
-          <div class="col-md-6 col-sm-12">
+          <div class="col-lg-6 col-md-12">
             <div class="card">
               <div class="card-body">
                 <h5 class="card-title text-primary">OCR Output</h5>
