diff --git a/website/views/pages/query-detail.ejs b/website/views/pages/query-detail.ejs
index 76b6e2819e..9c1e077328 100644
--- a/website/views/pages/query-detail.ejs
+++ b/website/views/pages/query-detail.ejs
@@ -59,8 +59,8 @@
     <h6 class="pb-0 mb-0">{{query.description ? query.description : '--'}}</h6>
   </div>
   <div class="d-block d-md-none">
-    <div class="col d-sm-flex px-3">
-      <div class="col p-0 pr-sm-4 platforms-purpose">
+    <div class="col d-md-flex px-3">
+      <div class="col p-0 pr-md-4 platforms-purpose">
         <div class="d-flex align-items-center justify-content-between platforms">        
           <h5 class="m-0">Platforms</h5>
           <p class="text-right mb-1" v-if="!query.platforms || !query.platforms.length">--</p>
@@ -77,8 +77,8 @@
           <p class="m-0">{{query.purpose ? query.purpose : '--'}}</p>
         </div>
       </div>
-      <div class="d-sm-none m-3 divider"></div>
-      <div class="col p-0 pl-sm-4 contributors-contribute">
+      <div class="d-md-none m-3 divider"></div>
+      <div class="col p-0 pl-md-4 contributors-contribute">
         <div class="d-flex align-items-center justify-content-between contributors">        
           <h5 class="m-0">Contributors</h5>
           <div class="d-flex align-items-center">