diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.modal/modal.hbs b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.modal/modal.hbs
index 5b2cf5ca29d..65b90416702 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.modal/modal.hbs
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.modal/modal.hbs
@@ -17,28 +17,28 @@
 }}
 
 {{#zone "bottomModalContent"}}
-    <div id="basic-modal-view" class="hidden modal modal-content">
-        <div class="modal-header">
-            <h3 class="pull-left modal-title">
-            <span class="fw-stack error-msg-icon hidden">
-                    <i class="fw fw-ring fw-stack-2x"></i>
-                    <i class="fw fw-error fw-stack-1x"></i>
-            </span>
-            <span class="fw-stack warning-msg-icon hidden">
-                    <i class="fw fw-ring fw-stack-2x"></i>
-                    <i class="fw fw-warning fw-stack-1x"></i>
-            </span>
-                <span id="modal-title-text"></span>
-            </h3>
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
-            </button>
-        </div>
-        <div class="modal-body add-margin-top-2x add-margin-bottom-2x">
-            <h4 id="modal-content-text">
-
-            </h4>
-        </div>
-        <div id="modal-footer-content" class="modal-footer">
+    <div id="basic-modal-view" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 class="pull-left modal-title">
+                        <span class="fw-stack error-msg-icon hidden">
+                                <i class="fw fw-ring fw-stack-2x"></i>
+                                <i class="fw fw-error fw-stack-1x"></i>
+                        </span>
+                        <span class="fw-stack warning-msg-icon hidden">
+                                <i class="fw fw-ring fw-stack-2x"></i>
+                                <i class="fw fw-warning fw-stack-1x"></i>
+                        </span>
+                        <span id="modal-title-text"></span>
+                    </h3>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i></button>
+                </div>
+                <div class="modal-body add-margin-top-2x add-margin-bottom-2x">
+                    <h4 id="modal-content-text"></h4>
+                </div>
+                <div class="modal-footer" id="modal-footer-content"></div>
+            </div>
         </div>
     </div>
 {{/zone}}