diff --git a/public/css/custom.css b/public/css/custom.css
index c4698f8c3..637cac243 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -59,11 +59,6 @@
 
 
 /*--------Carousel Arrows--------*/
-button:focus
-{
-    outline: none !important;
-}
-
 .carousel-description
 {
     background-color: #3c3f72 !important;
@@ -78,9 +73,22 @@ button:focus
     background-color: unset !important;
     font-size: 24px !important;
 }
+
+.carousel-frame
+{
+    border: 1px solid #3c3f72;
+}
 /*--------Carousel Arrows Finish--------*/
 
 
+/*--------General Button Focus--------*/
+button:focus
+{
+    outline: none !important;
+}
+/*--------General Button Focus Finish--------*/
+
+
 /*--------General Button Hover--------*/
 .btn:hover
 {
diff --git a/resources/assets/js/components/AkauntingCarousel.vue b/resources/assets/js/components/AkauntingCarousel.vue
index ceb3d928e..fdb829ee2 100644
--- a/resources/assets/js/components/AkauntingCarousel.vue
+++ b/resources/assets/js/components/AkauntingCarousel.vue
@@ -8,7 +8,7 @@
             :interval="interval" :arrow="arrow">
 
             <el-carousel-item v-if="video">
-                <iframe width="100%" height="365px"
+                <iframe class="carousel-frame" width="100%" height="365px"
                 :src="'https://www.youtube-nocookie.com/embed/' + video"
                 frameborder="0"
                 allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
@@ -18,7 +18,7 @@
             </el-carousel-item>
 
             <el-carousel-item v-for="(screenshot, index) in screenshots" :key="index">
-                <img class="d-block w-100" :src="screenshot.path_string" :alt="screenshot.alt_attribute">
+                <img class="d-block w-100 carousel-frame" :src="screenshot.path_string" :alt="screenshot.alt_attribute">
                 <div class="carousel-description py-2">
                     {{ screenshot.description }}
                 </div>